Material:自定义按钮水波纹样式

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

点按界面上的一些按钮的时候,会有一个水波纹的效果 ... 这种效果是 Material 设计风格的一个标志 ..

这个样式我们也可以再重新定制一下 ... 先找到 MaterialApp .. 在这个 ThemeData 里面 .. 先设置一下主题的 highlightColor .. 高亮颜色 .. 用一下 Color.. fromRGBO ... 颜色是白色 ... 所以颜色的 RGB 的值都是 255 ... 最后一个值是颜色的不透明度 ... 这里设置成 0.5 ..

按下按钮以后 .. 立即显示的背景颜色就是 highlightColor ..

然后在这个 ThemeData 里面,再设置一下那个水波纹的颜色 .. 名字是 splashColor ... 颜色可以使用不透明度是 70 的白色 ...

再到模拟器上 .. 试一下这个水波纹的效果 ..

Material:自定义按钮水波纹样式《 Flutter 移动应用:界面结构 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点