包 | mx.effects |
类 | public class Fade |
继承 | Fade TweenEffect Effect EventDispatcher Object |
alpha
属性的动画效果(从透明到不透明或从不透明到透明)。
如果为 showEffect
或 hideEffect
触发器指定淡入淡出效果,并且省略 alphaFrom
和 alphaTo
属性的值,则效果会自动将 alpha
在 showEffect
触发器上从 0 过渡到的目标的当前 alpha
值,而在 hideEffect
触发器上从目标的当前 alpha
值过渡到的 0。
注意:要对文本使用淡入淡出效果,必须使用嵌入字体,而不是设备字体。
MXML 语法隐藏 MXML 语法The <mx:Fade>
tag
inherits the tag attributes of its superclass,
and adds the following tag attributes:
<mx:Fade id="ID" alphaFrom="val" alphaTo="val" />
另请参见
属性 | 定义方 | ||
---|---|---|---|
alphaFrom : Number 介于 0.0 和 1.0 之间的初始透明度级别,其中 0.0 表示透明,1.0 表示完全不透明。 | Fade | ||
alphaTo : Number 最终透明度级别,其中 0.0 表示透明,1.0 表示完全不透明。 | Fade | ||
className : String [只读 (read-only)] 效果类的名称,如“Fade”。 | Effect | ||
constructor : Object
对类对象或给定对象实例的构造函数的引用。 | Object | ||
customFilter : EffectTargetFilter 指定一个 EffectTargetFilter 类型的自定义滤镜对象,效果将使用此对象来确定播放效果的目标。 | Effect | ||
duration : Number 效果的持续时间(以毫秒为单位)。 | Effect | ||
easingFunction : Function = null 动画的缓动函数。 | TweenEffect | ||
effectTargetHost : IEffectTargetHost 一个属性,您可以通过设置此属性访问数据效果基于列表的目标控件。 | Effect | ||
filter : String 指定用于过滤效果目标的算法。 | Effect | ||
hideFocusRing : Boolean 确定在开始播放效果时,效果是否应隐藏对焦环。 | Effect | ||
instanceClass : Class 一个 Class 类型的对象,用于指定此效果类的效果实例类。 | Effect | ||
isPlaying : Boolean [只读 (read-only)] 一个只读标志,如果当前正在播放效果的任一实例,则为 true;否则,则为 false。 | Effect | ||
perElementOffset : Number 在效果的第一个目标之后,其它效果目标的附加延迟(以毫秒为单位)。 | Effect | ||
prototype : Object [静态]
对类或函数对象的原型对象的引用。 | Object | ||
relevantProperties : Array 一个属性名称 Array,执行过滤时将使用这些名称。 | Effect | ||
relevantStyles : Array 一个样式名称 Array,执行过滤时将使用这些名称。 | Effect | ||
repeatCount : int = 1 效果的重复次数。 | Effect | ||
repeatDelay : int = 0 重复播放效果前需要等待的时间(以毫秒为单位)。 | Effect | ||
startDelay : int = 0 开始播放效果前需要等待的时间(以毫秒为单位)。 | Effect | ||
suspendBackgroundProcessing : Boolean = false 如果为 true,则在播放效果时阻止所有背景处理。 | Effect | ||
target : Object 要应用此效果的 UIComponent 对象。 | Effect | ||
targets : Array 一个 UIComponent 对象 Array,这些对象都是效果的目标。 | Effect | ||
triggerEvent : Event 如果触发了某个效果,则此项目是由 EffectManager 传递给此 Effect 的 Event 对象;如果 EffectManager 当前没有播放此效果,则为 null。 | Effect |
方法 | 定义方 | ||
---|---|---|---|
构造函数。 | Fade | ||
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void 使用 EventDispatcher 对象注册事件侦听器对象,以使侦听器能够接收事件通知。 | EventDispatcher | ||
捕获效果目标上相关属性的当前值,并将这些值另存为结束值。 | Effect | ||
捕获另一组目标相关属性的当前值。在运行数据更改效果时,此函数由 Flex 使用。 | Effect | ||
捕获效果目标上相关属性的当前值。 | Effect | ||
创建一个效果实例并对其进行初始化。 | Effect | ||
获取一个目标对象 Array,并对每个目标调用 createInstance() 方法。 | Effect | ||
删除实例中的事件侦听器,然后从实例列表中删除该实例。 | Effect | ||
将事件调度到事件流中。 | EventDispatcher | ||
中断当前正在播放的效果,立即跳转到该效果的末尾。 | Effect | ||
返回一个字符串 Array,其中每个 String 都是被此效果更改的属性名称。 | Effect | ||
检查 EventDispatcher 对象是否为特定事件类型注册了任何侦听器。 | EventDispatcher | ||
指示对象是否已经定义了指定的属性。 | Object | ||
指示 Object 类的实例是否在指定为参数的对象的原型链中。 | Object | ||
暂停效果,直到调用 resume() 方法。 | Effect | ||
开始播放效果。 | Effect | ||
指示指定的属性是否存在、是否可枚举。 | Object | ||
从 EventDispatcher 对象中删除侦听器。 | EventDispatcher | ||
在效果由 pause() 方法暂停后继续播放效果。 | Effect | ||
逆序播放效果;如果当前正在播放效果,则从该效果的当前位置开始逆序播放。 | Effect | ||
设置循环操作动态属性的可用性。 | Object | ||
停止播放效果,使效果目标保持当前状态。 | Effect | ||
返回指定对象的字符串表示形式。 | Object | ||
返回指定对象的原始值。 | Object | ||
检查是否用此 EventDispatcher 对象或其任何始祖为指定事件类型注册了事件侦听器。 | EventDispatcher |
alphaFrom | 属性 |
public var alphaFrom:Number
介于 0.0 和 1.0 之间的初始透明度级别,其中 0.0 表示透明,1.0 表示完全不透明。
如果效果导致目标组件消失,则默认值为目标的 alpha
属性的当前值。如果效果导致目标组件显示,则默认值为 0.0。
alphaTo | 属性 |
public var alphaTo:Number
最终透明度级别,其中 0.0 表示透明,1.0 表示完全不透明。
如果效果导致目标组件消失,则默认值为 0.0。如果效果导致目标组件显示,则默认值为目标的 alpha
属性的当前值。
Fade | () | 构造函数 |
public function Fade(target:Object = null)
构造函数。
参数target:Object (default = null ) — 要使用此效果为其设置动画的 Object。 |
<?xml version="1.0"?> <!-- Simple example to demonstrate the Fade effect. --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="Font.registerFont(myriad_font);"> <mx:Script> <![CDATA[ import flash.text.Font; [Embed("assets/MyriadWebPro.ttf", fontName="MyMyriad")] public var myriad_font:Class; ]]> </mx:Script> <mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/> <mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/> <mx:Panel title="Fade Effect Example" width="95%" height="95%" paddingTop="5" paddingLeft="10" paddingRight="10" paddingBottom="5"> <mx:Text width="100%" color="blue" text="Use the Fade effect to show or hide the text and image. Use an embedded font when applying the Fade effect to text."/> <mx:Label text="Nokia 9930" fontFamily="MyMyriad" fontSize="14" visible="{cb1.selected}" hideEffect="{fadeOut}" showEffect="{fadeIn}"/> <mx:Image source="@Embed(source='assets/Nokia_6630.png')" visible="{cb1.selected}" hideEffect="{fadeOut}" showEffect="{fadeIn}"/> <mx:CheckBox id="cb1" label="visible" selected="true"/> </mx:Panel> </mx:Application>