Flutter Widgets 之 ShaderMask
ShaderMask可以让我们将Shader用于任何一个控件上,比如在Text上使用渐变就可以使用ShaderMask来实现:
ShaderMask( shaderCallback: (Rect bounds) { return RadialGradient( center: Alignment.topLeft, radius: 1.0, colors: <Color>[Colors.yellow, Colors.deepOrange], tileMode: TileMode.mirror, ).createShader(bounds); }, blendMode: BlendMode.srcATop, child: Text(‘老孟,一枚有态度的程序员‘,style: TextStyle(fontSize: 30),), )
效果:
shaderCallback
需要返回一个Shader对象,可以通过渐变相关类直接生成Shader:
RadialGradient(...).createShader(rect)
blendMode
属性是融合方式,child是目标图像(dst),Shader是源图像(src),融合方式介绍:
更多相关阅读:
- Flutter系列文章总览
- Flutter Widgets 之 Expanded和Flexible
- Flutter Widgets 之 AnimatedList
- Flutter Widgets 之 SliverAppBar
如果这篇文章有帮助到您,希望您来个“赞”并关注我的公众号,非常谢谢。
相关推荐
sxaudq0 2020-05-09
alexazh 2020-05-03
87560393 2020-04-29
Kafeidu 2020-03-05
szintu 2020-03-01
sxaudq0 2020-02-23
你好乔先生 2019-10-27
langzi00 2019-09-07
wty00 2013-01-07
HappyKocola 2019-06-20
xingxinmanong 2014-11-13
xingxinmanong 2014-09-02
wanghualin0 2014-05-19
bingxuelengmei 2014-05-10
langzi00 2013-10-10
peixiaopao 2012-08-23
lerayZhang 2012-07-20
凌燕 2009-04-20
86570594 2018-06-15