Flutter中渐变色的类型和高级用法

移动应用


浏览:1110 次

Flutter中有三种渐变:

LinearGradient:线性渐变

径向梯度:径向梯度

扫掠坡度:扇区坡度

LinearGradient为图片添加从上到下的线性渐变:

ShaderMask(shaderCallback:(Rect-bound){return LinearGradient(begin:Alignment.topCenter,end:Alignent.bottomCenter,colors:[colors.red,colors.blue,colors.green],).createShader(bound);nbsp;}, ;blendMode:混合模式。颜色,子:图像。asset('assets/images/b.jpg',fit:BoxFit.cover,),)RadialGradientRadialGradient是径向渐变。

ShaderMask(shaderCallback:(Rect界限){return RadialGradient(半径:.5,颜色:<Color>[colors.red,colors.blue],).createShader(界限)nbsp; ; ;blendMode:混合模式。颜色nbsp;child:图像。资产('assets/images/b.jpg',fit:BoxFit.cover,)nbsp;)扫掠渐变扫掠渐变扇形渐变效果。

ShaderMask(shaderCallback:(Rect界限){return SweepGradient(颜色:<Color>[colors.red,colors.blue],)。createShader(边界); ;}, ;child:图像。asset('assets/images/b.jpg',fit:BoxFit.cover,),)来统软云免费了解更多信息:、、、等。

统软云是一家专业和服务提供商,提供一站式移动应用解决方案,以满足您的各种需求。欢迎评估您的需求并免费获取报价。

,注册后为新手提供免费开发包

相关资讯:
农产品电子商务向企业个人农产品电子贸易方向发展的效益

农产品电子商务向企业个人农产品电子贸易方向发展的效益

查看
Web 3.0技术的基本方向

Web 3.0技术的基本方向

查看
认知

认知

查看
面向对象的

面向对象的

查看
2018-12-25

2018-12-25

查看