如何将渐变滤镜应用于图标？
马修99
我需要在我的眼镜上放一个渐变Icon。
我该如何实现？
马特·S。
一种方法是使用ShaderMask小部件。如果使用此图标包装，则可以应用任何喜欢的渐变：
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: LinearGradientMask(
child: Icon(
Icons.book,
size: 250,
color: Colors.white,
),
),
),
),
);
}
}
class LinearGradientMask extends StatelessWidget {
LinearGradientMask({this.child});
final Widget child;
@override
Widget build(BuildContext context) {
return ShaderMask(
shaderCallback: (bounds) {
return RadialGradient(
center: Alignment.topLeft,
radius: 1,
colors: [Colors.blue, Colors.red],
tileMode: TileMode.mirror,
).createShader(bounds);
},
child: child,
);
}
}
给你这样的东西：
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
将多个滤镜应用于图像
- 2
如何将角度滤镜应用于数组
- 3
如何将CSS应用于Javascript添加的元素
- 4
将模糊滤镜应用于SVG图像的特定区域
- 5
将gabor滤镜应用于图像
- 6
如何将高斯盒滤镜应用于完整图像？
- 7
如何将CGAffineTransform应用于CGPoint
- 8
将黑白滤镜应用于UIImage
- 9
将剪辑滤镜应用于多个源
- 10
如何将AND应用于列表的所有元素？
- 11
如何将内核应用于栅格图像
- 12
将CAGradientLayer应用于单元格时，如何将单元格视图之一向前移，使其不受渐变影响？
- 13
如何将休眠验证应用于字符类型？
- 14
如何正确将滤镜应用于图像阵列？
- 15
如何将CSS样式仅应用于文本
- 16
如何将均匀渐变应用于（particule.js）画布？
- 17
将滤镜应用于Observable
- 18
将渐变应用于BufferGeometry顶点
- 19
如何将CSS模糊滤镜应用于背景（非图像）
- 20
将滤镜效果应用于来自图库的Android ImageViews
- 21
如何将一个字体图标应用于一个提交按钮
- 22
将CSS色相旋转滤镜应用于灰度图像
- 23
如何将具有任何颜色的色度键滤镜应用于实时相机供稿ios？
- 24
如何将应用程序图标应用于Theme.DeviceDefault.Light.DarkActionBar？
- 25
如何将遮罩滤镜应用于OpenGL ES 2中的当前帧缓冲区
- 26
将CSS'blur（）'滤镜应用于已应用'brightness（）'滤镜的图像可停用后者
- 27
将CAGradientLayer应用于单元格时，如何将单元格视图之一向前移，使其不受渐变的影响？
- 28
如何将CSS3滤镜灰度应用于除figcaption的标记之外的所有属性？
- 29
将渐变应用于绘制的图形
我来说两句