10效果
表1 Effect类的常用属性
|
属性名 |
类别 |
描述 |
|
duration |
Number |
效果的作用时间,以毫秒计算 |
|
filter |
String |
设置效果应用在哪种动作上 |
|
customFilter |
EffectTargetFilter |
设置自定制的EffectTargetFilter类别 |
|
repeatCount |
Int |
效果重复的次数,默认值是1 |
|
repeatDelay |
Int |
效果再次使用时的延迟时间,以毫秒计算 |
|
startDelay |
Int |
开始效果前的等待时间,以毫秒计算 |
|
target |
Object |
应用效果的目标控件 |
|
targets |
Array |
应用效果的目标控件数据 |
|
suspendBackgroundProcessing |
Boolean |
设置默认效果在播放的时候是否阻止所有的背景处理,默认值是false |
表2 Effect类的常用方法
|
方法名 |
描述 |
方法名 |
描述 |
|
end |
结束指定的效果 |
resume |
恢复默认效果,对应于pause方法 |
|
pause |
暂停某个效果的运行 |
reverse |
从相反反向播放效果 |
|
play |
播放指定的效果 |
|
|
10.1Blur
Blur效果的应用可以让某一可视化控件变得模糊。Blur的属性blurXFrom、blurYFrom、blurXTo和blurYTo分别用来设置开始模糊效果时水平方向的模糊度和垂直方向的模糊度、结束模糊效果时水平方向的模糊度和垂直方向的模糊度。模糊度的取值是0.0~255.0,数值越高,模糊度越高。
例一:
<?xml version=”1.0” encoding=”utf-8”?>
<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml>
<mx:Blur id=”myBlur” blurXFrom=”0.0” blurYFrom=”0.0” blurXTo=”10.0” blurYTo=”10.0” />
<mx:Button label=”点击我” mouseDownEffect=”{myBlur}” />
</mx:Application>
例二:
<?xml version=”1.0” encoding=”utf-8”?>
<mx:Application xmlns:mx=http://www.adobe.com/2006/mxml>
<mx:Script>
<![CDATA[
import mx.effects.Blur;
public function clickMe():void{
var myBlur:Blur = new Blur();
myBlur.blurXFrom = 0.0;
myBlur.blurYFrom = 0.0;
myBlur.blurXTo = 10.0;
myBlur.blurYTo = 10.0;
myBlur.target = myBtn;
myBlur.play();
}
]]>
</mx:Script>
<mx:Button id=”myBtn” label=”点击我” click=”clickMe()” />
</mx:Application>
10.2 Dissolve
Dissolve效果提供了一种让控件从透明到不透明状态或从不透明到透明状态的过渡效果。alphaFrom指定的是开始Dissolve效果时的透明度,alphaTo指定的是结束Dissolve效果时的透明度。透明度的取值范围是0.0~1.0。
10.3 Fade
Fade效果和Dissolve效果类似,但它不支持在效果播放时的定制颜色(Dissolve中的color属性)。一般Fade效果多用在控件的showEffect和hideEffect上。
10.4 Glow
Glow效果提供了一种发光的效果。
10.5 Iris
Iris提供的是一种通过矩形区域的不断缩小或者不断扩展来隐藏或显示控件的效果。
10.6 Move
Move效果可以使应用效果的组件在一定的时间内按照指定好的轨道坐标移动。
10.7 Rotate
Rotate效果可以让控件围绕某个点按照一定的角度值旋转。originX和originY属性值定义的是控件旋转的中心旋转点,angleFrom和angleTo定义的是旋转效果开始执行时的角度和结束时的角度。
10.8 Zoom
Zoom效果可以让指定控件围绕某一个中心点进行放大或者缩小。ZoomWidthFrom和ZoomHeightFrom指定了效果开始时控件的宽度和高度,zoomWidthTo和zoomHeightTo指定了效果结束时控件的宽度和高度,缩放宽度和高度的可选值在0.01~1.0之间。
10.9 WipeDown,WipeLeft,WipeRight和WipeUp
WipeDown、WipeUp分别定义了以水平分割线的下移和上移方式擦除控件外观的效果。WipeLeft,WipeRight分别定义了以垂直分割线的左移和右移的方式擦除控件效果。
10.10 SoundEffect
SoundEffect效果可以让控件播放一个MP3格式的声音文件,这样就不必很繁琐地写那些通过点击鼠标事件读取MP3,然后再播放的逻辑。SoundEffect的属性autoLoad用来设置是否自动读取MP3,bufferTime属性设置的是对MP3文件的缓存时间,loops属性设定想要MP3重复播放的次数,source属性指定的是MP3的文件的路径,startTime指定的是MP3文件开始播放时的时间点,useDuration属性设置是否达到了指定的持续事件后就停止播放效果。
10.11 Resize
Resize提供了一种让控件的大小可以发生变化的效果。
10.12 Parallel
Parallel可以让其子效果在同一时间段同时运行。
10.13 Sequence
Sequence可以让其子效果在某个时间段内按照指定的效果顺序来执行。
10.14 AnimateProperty
AnimateProperty用来为控件的特定属性变化设置效果。AnimateProperty的property属性用来指定控件中的哪个属性将要应用AnimateProperty效果,fromValue和toValue属性用来指定效果开始时的属性值和效果结束时点的属性值,isStyle属性值用来设置应用效果的属性是否支持样式,roundValue用来设置是否会四舍五入属性值的变化。
10.15 Pause
Pause效果在应用sequence效果时非常有用。它提供一种在某个时间段内不运行任何效果的效果,它多用来衔接在sequence中的其他效果,来达到在某个时间段暂停整体效果的目的。
10.16 效果播放的速率
TweenEffect类型的效果类拥有easingFunction属性。该属性用来控制在效果运行时间内效果播放的速率,其默认值是mx.effects.easing.Linear,它代表效果从开始到结束都是按照线性的平滑方式播放效果。我们还可以使用mx.effects.easing包中的其他速率类作为播放效果的方式。
10.17 Effect的filter属性
用来设置效果发生时的过滤器。可取值为“add、hide、move、remove、resize、show”。
浙公网安备 33010602011771号