fle快速上手（中文）系列.pdf

Adobe Flex Quick Starts 中文翻译之九：添加效果 九、添加效果 原文作者：Aral Balkan 原文地址：/devnet/flex/quickstart/adding_effects/ __________________________________________________________________________________ 译者：Dreamer Adobe Flex Quick Starts 中文翻译之九：添加效果 一个效果（effect）就是一小段时间内组建发生的一些改变。效果包括淡入淡出， 大小改变，以及移动等。一个效果和一个触发事件（比如用户点击了一个组件，组 件得到焦点，或者一个组件由不可见变为可见）组合在一起构成了一个行为 （behavior）。在MXML中，你可以将效果作为控件或容器的属性来应用。Adobe® Flex™ 提供了一系列具有默认属性的内置效果。 行为让你可以向程序中添加动画，移动，以及声音来响应一些用户或者程序的动作。 例如，你可以使用行为让一个对话框在获得焦点时微微跳动，或者当用户输入非法 的值的时候播放声音。 Flex触发事件属性可以象级联样式表(CSS)的样式那样来操作。在Adobe Flex 2 Language Reference中，触发事件在以“Effects”为标题的那一章节中。 要创建一个行为你需要使用一个独一无二的ID定义一个特定效果并且将它绑定到触 发事件上。例如，下面的代码创建了两个缩放（zoom）效果：一个用来使组件稍微 收缩，另一个用来将组件恢复到原来的大小。通过使用他们的ID将这些效果绑定到 了Button组件的mouseDownEffect 和 mouseUpEffect触发事件上。 注意Panel容器的autoLayout属性被设定成了“false”。这是为了防止在Button 改变大小的时候Panel也随之改变。 示例： <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="/2006/mxml" width="170" height="140"> <!-- Define effects --> <mx:Zoom id="shrink" duration="100" zoomHeightTo=".9" zoomWidthTo=".9" /> <mx:Zoom id="revert" duration="50" zoomHeightTo="1" zoomWidthTo="1" /> <mx:Panel title="Bouncy Button" paddingTop="