Flex应用教程：按钮点击行为与动画效果

"Flex中文帮助No4章B" 在Flex编程中，`<mx:Application>` 是主容器，它是每个Flex应用程序的基础。它定义了应用程序的基本属性，如布局、命名空间和初始化事件处理。例如，`xmlns:mx` 指定了使用的Flex MX组件库，而 `layout` 属性指定了应用的布局方式，在这个例子中是绝对布局。`creationComplete` 事件用于在应用程序创建完成后执行特定的函数，这里是 `createListener();` 在这一章节中，你将学习如何处理按钮事件和添加行为。事件监听器是响应用户交互的关键，比如当用户点击按钮时。有两种方式将事件监听器与按钮关联：一是直接在MXML的按钮标签中使用 `click` 属性，二是通过ActionScript编写功能函数。 首先，通过 `click` 属性关联事件监听器，例如： ```xml <mx:Button id="convertButton" label="Convert to Yen" click="handleClick(event)"/> ``` 这里的 `handleClick()` 函数会在按钮被点击时执行。 其次，使用ActionScript关联事件监听器，可以在类的主体中定义： ```actionscript public function Behaviors():void { convertButton.addEventListener(MouseEvent.CLICK, handleClick); } private function handleClick(event:Event):void { // 处理点击事件的逻辑 } ``` 接下来，我们讨论Flex中的行为（Behaviors）。行为允许开发者添加动画和动态响应，它们由触发器和效果组成。触发器是引发行为的事件，如鼠标点击、获得焦点等。效果则是组件外观或声音的变化，如淡入淡出、缩放和移动，效果持续时间以毫秒计。 要创建一个行为，本例中描述的是当按钮被点击时变为绿色，保持1.5秒后变为淡绿色，表示已被点击。步骤如下： 1. 创建一个新的MXML文件，命名为 `Behaviors.mxml`。 2. 设置此文件为默认编译应用。 3. 定义一个名为 `buttonGlow` 的 `<mx:Glow>` 效果组件，用于颜色变化。`color` 属性设定初始颜色，`alphaFrom` 和 `alphaTo` 控制透明度变化，`duration` 设置效果持续时间。 4. 在设计视图中添加面板组件，并配置其属性。 在MXML中，可以将效果附加到组件上，例如按钮。当触发器（按钮点击）激活时，效果（颜色变化）将在目标组件（按钮）上播放。通过组合不同的效果，可以创建更复杂的动画序列，以实现更丰富的用户体验。 这一章深入讲解了Flex中事件处理和行为的应用，包括如何使用MXML和ActionScript实现交互，以及如何通过行为实现组件的动态视觉反馈。这些概念和技能对于构建富有动态效果的Flex应用程序至关重要。