
flutter
Flutter 毛玻璃效果:用 BackdropFilter 做一张玻璃卡片
今天做个毛玻璃效果。背景透出来一点,模糊一点,上面的文字还是清楚的,就是图里这种感觉。 Flutter 自带的 `BackdropFilter` 就能做,不用额外装插件。再加上半透明底色、圆角、边框和阴影,一张玻璃卡片就出来了。 我把它封装成了 `FrostedGlass`,页面上放了几个滑块,可以边拖边看效果。模糊多少、底色多白、阴影多重,自己调一调,比光看参数直观。
2026年11月5日 51分钟阅读 0 赞 0 评论
标签
#Flutter 毛玻璃效果、Flutter 玻璃效果、BackdropFilter、Flutter 背景模糊
分享到:
继续学习
把这篇笔记用到真实项目里,从课程开始,或开通 VIP 看完全部内容。
评论
00 / 1000
暂无评论,快来发表第一条评论吧!