首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

Flex3奇效的基本用法 原理 转

2013-10-08 
Flex3特效的基本用法 原理 转Flex3为开发人员提供了多种基本的特效控件,每种特效控件对应一种或多种显示效

Flex3特效的基本用法 原理 转

Flex3为开发人员提供了多种基本的特效控件,每种特效控件对应一种或多种显示效果,把这些控件进行有机配合,可以形成丰富的感官效果,大大提高用户体验。

在Flex3中实现特效的原理比较简单,主要涉及三个步骤:

一、确定控件的触发器

每种控件都预定义有一组属性,用于表示该控件在某类事件发生之后随之表现出来的特效,这些属性称为“触发器”。要为某个控件添加特效,第一步必须要确定是为该控件的哪种事件添加特效,即确定选用哪一种触发器。

二、定义特效类控件

确定触发器之后,就要确定究竟要表现出何种特效。由于特效的载体是具体的特效类组件,所以第二步要做的就是定义好特效类控件,可以定义单个的特效类控件,也可以通过顺序和并行两种方式组合多个特效类控件。

三、关联触发器和特效类控件

第三步把触发器指向定义好的特效类控件。可以采用Flex3的数据绑定技术,即把定义好的特效类控件作为触发器属性的值,也可以通过ActionScript函数进行关联,前者的触发器名称一般有Effect后缀,而后者一般没有。这样,设置完成后,当出现触发器所定义的事件时,将触发出某种特效。

?

下面以控件为例进行简单说明:

?

Flex3奇效的基本用法 原理 转

Flex3奇效的基本用法 原理 转

在上述代码中,我们要为Canvas控件添加Move特效。所表现出来的效果:在Canvas上单击鼠标左键,则Canvas上的Image将相应地移动。

第一步要先确定“触发器”,在此例子中,我们要求单击鼠标后出现特效,所以“触发器”选定为Canvas中的mouseDown。第二步定义特效类控件,在这里定义的是Move特效类,即代码中的<mx:Move id="myMove" target="{img}"/>。第三步关联触发器和特效类控件,在这里使用的是ActionScript函数private function moveImage():void。然后把对此函数的调用作为mouseDown属性的值。

热点排行