本站已进行升级,老用户可以通过找回密码登录。
Flutter 毛玻璃效果:用 BackdropFilter 做一张玻璃卡片
flutter

Flutter 毛玻璃效果:用 BackdropFilter 做一张玻璃卡片

今天做个毛玻璃效果。背景透出来一点,模糊一点,上面的文字还是清楚的,就是图里这种感觉。 Flutter 自带的 `BackdropFilter` 就能做,不用额外装插件。再加上半透明底色、圆角、边框和阴影,一张玻璃卡片就出来了。 我把它封装成了 `FrostedGlass`,页面上放了几个滑块,可以边拖边看效果。模糊多少、底色多白、阴影多重,自己调一调,比光看参数直观。

2026年11月5日 51分鐘閱讀 0 贊 0 評論

標籤

#Flutter 毛玻璃效果、Flutter 玻璃效果、BackdropFilter、Flutter 背景模糊
分享到:

继续学习

把这篇笔记用到真实项目里,从课程开始,或开通 VIP 看完全部内容。

評論

0
0 / 1000

暂无评论,快来发表第一条评论吧!