AS 中的自定义组件动画

自定义组件动画
某些组件（如 Accordion、ComboBox 和 Tree 组件）提供动画来演示组件状态之间的过渡（例如，在 Accordion 子项之间切换、扩展组合框下拉列表和扩展或折叠树形文件夹时）。另外，组件提供与项目（如列表中的行）的选择和取消选择有关的动画。

可以通过以下样式来控制这些动画的各个方面：

动画样式
描述

openDuration
在 Accordion、ComboBox 和 Tree 组件中打开缓动的过渡时间（以毫秒为单位）。默认值为 250。

openEasing
对控制 Accordion、ComboBox 和 Tree 组件中的状态动画的补间函数的引用。默认等式使用正弦输入/输出公式。

popupDuration
当打开 Menu 组件中的菜单时，过渡的持续时间（以毫秒为单位）。默认值为 150。但是请注意，动画总是使用默认的正弦输入/输出等式。

selectionDuration
在 ComboBox、DataGrid、List 和 Tree 组件从正常状态到所选状态或从所选状态回到正常状态的过渡的持续时间（以毫秒为单位）。默认值为 200。

selectionEasing
对控制 ComboBox、DataGrid、List 和 Tree 组件中的所选动画的补间函数的引用。此样式仅适用于从正常状态到所选状态的过渡。默认等式使用正弦输入/输出公式。


mx.transitions.easing 包提供了六个类来控制缓动：

缓动类
描述

Back
一次在一端或两端扩展到过渡范围之外以提供轻微的溢出效果。

Bounce
完全在过渡范围的一端或两端内提供弹跳效果。弹跳数与持续时间相关：持续时间越长，弹跳数越多。

Elastic
提供一端或两端超出过渡范围的弹性效果。弹性量不受持续时间影响。

None
提供从开始到结尾的无任何减速或加速效果的相同的运动。该过渡通常也称为线性过渡。

Regular
在加速效果、减速效果或这两种效果的一端或两端提供更慢的运动。

Strong
在一端或两端提供很慢的运动。此效果类似于 Regular，但更为显著。


mx.transitions.easing 包中的每个类都提供以下三个缓动方法：

缓动方法
描述

easeIn
在过渡的开始提供缓动效果。

easeOut
在过渡的结尾提供缓动效果。

easeInOut
在过渡的开始和结尾提供缓动效果。


以下动画演示不同的缓动类和缓动方法。在使用单选按钮选择类、方法和持续时间时，球随您的设置从左边跳到右边。您也可以单击"动画"按钮来使球使用当前的选择重新动起来。


因为缓动方法是缓动类的静态方法，所以您根本不必实例化缓动类。在对 setStyle() 的调用中使用这些方法，如以下示例所示。

import mx.transitions.easing.*;
trace("_global.styles.Accordion = " + _global.styles.Accordion);
_global.styles.Accordion.setStyle("openDuration", 1500);
_global.styles.Accordion.setStyle("openEasing", Bounce.easeOut);

注意

所有过渡都使用的默认等式在上面列出的缓动类中不可用。要在指定了其它缓动方法后指定组件应使用默认的缓动方法，请调用 setStyle("openEasing", null)。


有关详细信息，请参阅《ActionScript 2.0 组件语言参考》中的"将缓动方法应用于组件"。