码迷,mamicode.com
首页 > 其他好文 > 详细

【Flutter】ShaderMash 着色器实现渐变色文字

时间:2021-01-04 11:16:41      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:block   radius   enter   dial   生成   ret   style   create   方式   

ShaderMask(
      child: Text("爱音乐的孩子是小白", style: TextStyle(color: Colors.blue)),
      shaderCallback: (bounds) => RadialGradient(
        center: Alignment.topLeft,
        radius: 1.0, 
        colors: [Colors.yellow, Colors.deepOrange],
        tileMode: TileMode.mirror
      ).createShader(bounds),
    )

 

shaderCallback 需要返回一个Shader对象,可以通过渐变相关类直接生成Shader:

RadialGradient(...).createShader(rect)

blendMode属性是融合方式,child是目标图像(dst),Shader是源图像(src),融合方式介绍:

【Flutter】ShaderMash 着色器实现渐变色文字

标签:block   radius   enter   dial   生成   ret   style   create   方式   

原文地址:https://www.cnblogs.com/yangyxd/p/14216226.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!