Flex从入门到精通 第9章

9.3.5 使用Effect.target和Effect.targets属性应用行为效果
在Flex中，可以使用Effect.target和 Effect.targets属性来调用行为效果的目标组件， 特别是在使用play()方法来调用行为效果时。在 MXML中，Effect.target用来调用一个单一的目标 组件。而用Effect.targets来定义一组目标组件。 示例代码如下。在<mx:Zoom>标签中，绑定属性 target的目标组件为按钮控件， target="{myButton2}"。然后，在<mx:Button>标 签上，定义click行为为显示Zoom的行为效果。
9.1.1 运用行为控制（Apply behavior）
编程者需要使用MXML与ActionScript两者来建立 和运用组件的行为效果。在MXML中，可以将行为 效果和触发器联合起来。例如，在下面的代码片 段中，首先定义行为效果WipeLeft其id标识符数 值为“myWL”，并且在1000毫秒中从开始到结束 的。 <mx:WipeLeft id="myWL" duration="1000"/>
9.4.2 使用嵌入的字体显示行为效果
一些行为控制融合、褪色和旋转只能对嵌入的文本产生作 用。如果在带有系统字体的控件上使用这些效果，文本不 会发生任何改变。下面的示例9-8中，带有了两个标签控件， 一个使用嵌入的文字，一个是系统文字。当在这两个标签 控件上应用褪色的行为控制时，系统文字不发生任何改变。 在示例中，首先在ActionScript中定义嵌入的字体 “myFont”，代码如下所示。 @font-face { @font src:local("Arial"); font-family: myFont; }
9.3.4 在ActionScript使用样式应用行为效果 因为Flex可以使用setStyle()和getStyle()方法 来实现定义属性值。因此，可以在ActionScript 中建立一个行为效果，然后使用setStyle()方法 来使之成为一个触发器。在示例9-5中，在MXML中 定义一个按钮控件，代码如下。 <mx:Button label="放大按钮" id="myB"/>
9.2.3 使用setStyle()和getStyle()函数在MXML中定义的行为效果
触发器属性是按照样式来实现的。因此，可以使 用setStyle()和getStyle()方法来实现触发器和 相应的效果。setStyle()方法使用形式如下。 setStyle("触发器", 效果) trigger_name是指触发器属性的名称，如 mouseDownEffect或focusInEffect。 effect是值触发器相应的效果。effect的数据类 型是一个Effect的对象，或者是Effect类的子类 的对象。
9.2.2 在MXML中使用样式来实现行为控制 在这种使用方法中，所有的MXML中的效果触发器 属性都以CSS样式的形式实现。因此，可以使用 <mx:Style>标签来产生效果。在下面的示例中， 在应用程序内部设定所有的TextArea参考 mouseDownEffect属性，代码如下所示。 <mx:Style> TextArea {mouseDownEffect: slowWipe;} </mx:Style> <mx:WipeLeft id="slowWipe" duration="5000"/> <mx:TextArea id="myTA"/>
9.2.1 在MXML中使用数据绑定来实现行为控制
在MXML中，也可以使用数据绑定来设定效果的属性。在下 面的示例中，允许用户在TextInput控件中输入缩放效果的 zoomHeightTo和zoomWidthTo的属性值，zoomHeightTo和 zoomWidthTo是最终缩放比例的数值，可以是从0.0到1.0。 默认值为1.0，即为按钮的正常大小。代码如下所示。 <mx:Zoom id="myZoom" zoomHeightTo="{Number(zoomHeightInput.text)}" zoomWidthTo="{Number(zoomWidthInput.text)}"/> <mx:TextInput id="zoomHeightInput" text="1.0"/> <mx:TextInput id="zoomWidthInput" text="1.0"/> <mx:Button rollOverEffect="{myZoom}"/>
9.1.2 工厂和实体类（Factory and instance classes）
Flex通过两个类，一个工厂类和一个实体类来实 现行为效果控制。 工厂类：建立一个实体类的对象来表现效果。 实体类：用来实现效果逻辑。
9.1.3 Flex支持的效果
Flex可以表现很多的行为效果。下面的列出了 Flex所支持的所有行为效果 1．模糊效果（Blur） 2．动画效果属性 （AnimateProperty） 3．融化（Dissolve） 4．褪色（Fade） 5．发光（Glow） 6．光圈（Iris） 7．移动（Move） 8．暂停（Pause） 9．改变大小（Resize） 10．旋转（Rotate） 11．声音效果（SoundEffect） 12．向左擦掉（WipeLeft）、向右擦掉 （WipeRight）、向上擦掉（WipeUp）、向下擦掉 （WipeDown） 13．图像缩放（Zoo
在应用程序中，行为控制增加了组件的动画和运 动的效果。例如，使用行为控制，可以渐变地显 示组件，或渐变的隐藏组件；以动画的效果，从 深到浅的改变字体的颜色。下面将介绍如何使用 MXML和ActionScript来建立行为控制，并介绍行 为控制的两个部分：触发器（Trigger）和效果 （Effect）。
9.4.3 使用组合行为效果
在Flex中，支持以下两种方式的行为效果组合。 平行（parallel）：所有的行为效果在同一时间 进行。 排序（sequence）：一个行为效果结束，下一个 行为效果发生。
9.2 使用行为控制
在MXML中，触发器名称是组件MXML标签的一个属 性。例如，在一个按钮控件上使用WipeLeft效果， 就是在<mx:Button>标签中使用mousDownEffect触 发器属性。代码如下所示。 <mx:WipeLeft id="myWL"/> <mx:Button id="myButton" mouseDownEffect="{myWL}"/> <mx:Button id="myOtherButton" mouseDownEffect="{myWL}"/>
9.3.1 倒序显示控件的行为效果
通过play()方法中的参数，用户还可以控制显示 行为效果的顺序。在以下代码中，定义第二个参 数为true，表示倒序显示效果。该参数默认值为 false。 resizeLarge.play([comp1, comp2, comp3], true);
9.3.2 终止/暂停行为效果
9.3 在ActionScript中实现行为控制
在ActionScript中也可以声明和使用行为效果。这时，需 要引用play()方法来触发行为效果。在ActionScript中使 用一个控件来引发另一个控件的行为效果是一种行之有效 的方法。例如，使用按钮控件click事件监听器来实现 TextArea控件改变大小的行为效果过程如下所示。 （1）在MXML中定义一个按钮控件，用来触发改变大小的行 为。定义一个可以被改变大小的文本区域。当单击按钮时， 触发resizeLarge对象的play()方法，来完成改变大小的行 为效果，代码如下所示。 <mx:Button label="改变大小" click="resizeLarge.play();"/> <mx:TextArea id="myTA" text="我的文本区 域。"/> （2）在ActionScript中完成所有的行为控制。
在使用各种行为效果时，有时需要人为的终止或者暂停某 个行为效果，这时需要使用Effect.pause()方法来暂停效 果；Effect.resume()方法来继续一个被暂停的效果； Effect.reverse()方法倒序的显示效果。 使用play()方法来开始一个行为。与之相对，用户还可以 使用end()方法来终止一个效果。定义了起始和终止两个按 钮控件，来控制开始行为和终止行为。代码如下所示。 <mx:Button label="开始" click="resizeLarge.play();"/> <mx:Button label="终止" click="resizeLarge.end();"/>
9.1 行为控制
行为控制就是一个触发器（Trigger）和与其相配的行为效 果的结合。一个触发器就是一个行为。例如，使用鼠标单 击一个控件；一个控件获得焦点等。一个行为效果就是在 视觉或听觉方面，并在一段时间中，某个控件上发生的改 变，如颜色改变、大小的改变、位置的移动。这里的时间 是以毫秒（milliseconds）来单位的。在默认的情况下， 当触发器工作时，组件不会显示效果。开发人员必须手动 将效果和触发器关联起来，才能在组件上显示想要的行为 效果。 注意：触发器（Trigger）与事件（Event）是不同的概念， 如按钮控件分别具有mouseDown事件和mouseDownEffect触 发器。