Flex可拖动毛玻璃面
可以拖动的毛玻璃面板，UI 控件用得挺灵活，滤镜效果做得也不赖。这份叫“Flex__可以拖动的毛玻璃效果.zip”的资源，主要是用 Flex 搞的，想法比较经典：半透明模糊 + 拖动交互，UI 层次一下就有了。
拖动的逻辑其实不复杂，鼠标事件那一套：按下、移动、抬起，用addEventListener配合MouseEvent就能搞定，坐标算一下就行。
毛玻璃的视觉是靠BlurFilter做的，模糊半径调一调，朦胧感就出来了。你也可以加点alpha或调下blendMode，视觉会更细腻。
用的Canvas 容器比较合适，能设置absolute布局，再绑个滤镜，整个组件就能随意移动。还可以配合数据绑定，像位置x、y这些属性改了，界面自动更新，省心。
还有一点，Flex 的皮肤机制挺灵活，你可以自定义皮肤文件，加点 Shader 或者滤镜，让毛玻璃看起来更像真的那种亚克力质感。
不过要注意哦，毛玻璃滤镜本身有点吃资源，建议加个缓存，比如cacheAsBitmap，或者只在需要的时候启用，体验和性能都能兼顾。
如果你想做一个界面好看点、还能动的弹窗，或者那种背景模糊的设置面板，这份资源可以直接拿来参考，也适合用来练练 Flex 的组件、布局和滤镜。
文件大小：1.23KB
评论区