Flex深入学习：滤镜动画效果 BlurFilter 实现

"本章深入学习Flex，探讨滤镜动画效果和组件的使用。通过 Blur滤镜，了解如何实现模糊效果，并结合AnimateFilter创建动画。同时，讲解了Flex中的组件如CheckBox，以及如何处理数据和交互。" 在Flex开发中，滤镜动画效果能为用户界面增添动态和视觉吸引力。本章节重点讲解了Blur滤镜，它能够使目标对象产生模糊效果。Blur滤镜有三个关键属性：blurX、blurY和quality。blurX控制水平方向的模糊程度，blurY则设定垂直方向的模糊量，两者都允许在0到255之间取值，其中默认值为4，通常取2的整数倍。quality属性决定滤镜应用的次数，越高则对象越模糊，可选值包括BitmapFilterQuality.LOW、MEDIUM和HIGH，分别代表低、中、高三种质量级别。 在示例代码中，定义了一个BlurFilter实例`myBlur`，设置了blurX和blurY的值为32，quality为BitmapFilterQuality.MEDIUM，然后通过AnimateFilter实例`myAnimateBlurFilter`，将这个滤镜应用于`s:Panel`组件`myPanel`上，实现模糊效果的动画。`AnimateFilter`的其他属性如duration、repeatCount和repeatBehavior控制了动画的持续时间、重复次数和重复行为。此外，通过绑定effectStart和effectEnd事件，可以控制按钮在动画开始和结束时的启用状态。 Flex是一个强大的富互联网应用（RIA）开发框架，它结合了桌面应用的交互性和Web应用的灵活性。在编译Flex应用时，MXML文件会转化为ActionScript类并最终编译成SWF字节码。Application作为根容器，包含所有界面元素，而布局控制标签如<s:layout>允许精细调整界面元素的位置和间距。例如，可以设置padding属性来控制元素四周的空白区域。 本章还涉及了常用组件的使用，如CheckBox，用于实现复选功能。CheckBox组件有两个主要属性：Label，用于显示文本；selected，用于判断复选框是否被选中。通过监听CheckBox的click事件，可以处理用户的选择并更新相关数据，例如在示例中，汉堡价格根据调料的选择动态计算。 通过本章的学习，开发者将掌握Flex中滤镜动画的创建，了解如何使用Blur滤镜和AnimateFilter实现动态模糊效果，以及如何运用CheckBox组件处理用户交互和数据计算，为构建更丰富、更具交互性的Flex应用打下基础。