| 套件 | mx.effects |
| 類別 | public class MaskEffect |
| 繼承 | MaskEffect  Effect EventDispatcher Object |
| 子類別 | Iris, WipeDown, WipeLeft, WipeRight, WipeUp |
| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
A mask effect uses an overlay, called a mask, to perform the effect. By default, the mask is a rectangle with the same size as the target component.
The before or after state of the target component of a mask effect must be invisible. That means a mask effect always makes a target component appear on the screen, or disappear from the screen.
You use the scaleXFrom, scaleYFrom,
scaleXTo, and scaleX properties to specify
the initial and final scale of the mask, where a value of 1.0 corresponds
to scaling the mask to the size of the target component, 2.0 scales
the mask to twice the size of the component, 0.5 scales the mask to half
the size of the component, and so on.
To use any one of these properties, you must specify all four.
You use the xFrom, yFrom, xTo,
and yTo properties to specify the coordinates of the initial
position and final position of the mask relative to the target component,
where (0, 0) corresponds to the upper left corner of the target.
To use any one of these properties, you must specify all four.
The coordinates of the initial and final position of the mask
depend on the type of effect and whether the show property
is true or false.
For example, for the WipeLeft effect with a show value of
false, the coordinates of the initial mask position
are (0, 0),corresponding to the upper-left corner of the target,
and the coordinates of the final position are the upper-right corner
of the target (width, 0), where width is the width of the target.
For a show value of true for the WipeLeft
effect, the coordinates of the initial mask position are (width, 0),
and the coordinates of the final position are (0, 0).
顯示 MXML 語法
隱藏 MXML 語法The MaskEffect class defines the following properties, which all of its subclasses inherit:
<mx:tagname
createMaskFunction=""
moveEasingFunction=""
scaleEasingFunction=""
scaleXFrom=""
scaleXTo=""
scaleYFrom=""
scaleYTo=""
show="true|false"
xFrom=""
xTo=""
yFrom=""
yTo=""
/>
更多範例
相關 API 元素
| 屬性 | 定義自 | ||
|---|---|---|---|
 | className : String [唯讀]
The name of the effect class, such as "Fade". | Effect | |
| constructor : Object
類別物件的參照或是特定物件實體的建構函數。 | Object | |
| createMaskFunction : Function
Function called when the effect creates the mask. | MaskEffect | ||
| customFilter : mx.effects:EffectTargetFilter
Specifies a custom filter object, of type EffectTargetFilter,
used by the effect to determine the targets
on which to play the effect. | Effect | |
| duration : Number
Duration of the effect in milliseconds. | Effect | |
| effectTargetHost : mx.effects:IEffectTargetHost
A property that lets you access the target list-based control
of a data effect. | Effect | |
| filter : String
Specifies an algorithm for filtering targets for an effect. | Effect | |
| hideFocusRing : Boolean
Determines whether the effect should hide the focus ring
when starting the effect. | Effect | |
| instanceClass : Class
An object of type Class that specifies the effect
instance class class for this effect class. | Effect | |
| isPlaying : Boolean [唯讀]
A read-only flag which is true if any instances of the effect
are currently playing, and false if none are. | Effect | |
| moveEasingFunction : Function
Easing function to use for moving the mask. | MaskEffect | ||
| perElementOffset : Number
Additional delay, in milliseconds, for effect targets
after the first target of the effect. | Effect | |
| playheadTime : Number
Current time position of the effect. | Effect | |
| relevantProperties : Array
An Array of property names to use when performing filtering. | Effect | |
| relevantStyles : Array
An Array of style names to use when performing filtering. | Effect | |
| repeatCount : int = 1
Number of times to repeat the effect. | Effect | |
| repeatDelay : int = 0
Amount of time, in milliseconds, to wait before repeating the effect. | Effect | |
| scaleEasingFunction : Function
Easing function to use for scaling the mask. | MaskEffect | ||
| scaleXFrom : Number
Initial scaleX for mask. | MaskEffect | ||
| scaleXTo : Number
Ending scaleX for mask. | MaskEffect | ||
| scaleYFrom : Number
Initial scaleY for mask. | MaskEffect | ||
| scaleYTo : Number
Ending scaleY for mask. | MaskEffect | ||
| showTarget : Boolean
Specifies that the target component is becoming visible,
true, or invisible, false. | MaskEffect | ||
| startDelay : int = 0
Amount of time, in milliseconds, to wait before starting the effect. | Effect | |
| suspendBackgroundProcessing : Boolean = false
If true, blocks all background processing
while the effect is playing. | Effect | |
| target : Object
The object to which this effect is applied. | Effect | |
| targets : Array
An Array of objects that are targets for the effect. | Effect | |
| triggerEvent : Event
The Event object passed to this Effect
by the EffectManager when an effect is triggered,
or null if the effect is not being
played by the EffectManager. | Effect | |
| xFrom : Number
Initial position's x coordinate for mask. | MaskEffect | ||
| xTo : Number
Destination position's x coordinate for mask. | MaskEffect | ||
| yFrom : Number
Initial position's y coordinate for mask. | MaskEffect | ||
| yTo : Number
Destination position's y coordinate for mask. | MaskEffect | ||
| 方法 | 定義自 | ||
|---|---|---|---|
MaskEffect(target:Object = null)
Constructor. | MaskEffect | ||
| addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
會在 EventDispatcher 物件註冊事件偵聽程式，以便讓偵聽程式收到事件的通知。 | EventDispatcher | |
|
Captures the current values of the relevant properties
on the effect's targets and saves them as end values. | Effect | |
|
Captures the current values of the relevant properties
of an additional set of targets
Flex uses this function when a data change
effect is run.
| Effect | |
|
Captures the current values of the relevant properties
on the effect's targets. | Effect | |
|
Creates a single effect instance and initializes it. | Effect | |
|
Takes an Array of target objects and invokes the
createInstance() method on each target. | Effect | |
|
Removes event listeners from an instance
and removes it from the list of instances. | Effect | |
|
會將事件傳送到事件流程。 | EventDispatcher | |
|
Interrupts an effect that is currently playing,
and jumps immediately to the end of the effect. | Effect | |
[覆寫]
Returns the component properties modified by this effect. | MaskEffect | ||
|
會檢查 EventDispatcher 物件是否有對特定的事件類型註冊偵聽程式。 | EventDispatcher | |
|
指出物件是否有已定義的指定屬性。 | Object | |
|
指出 Object 類別的實體是否位於指定為參數的物件原型鏈中。 | Object | |
|
Pauses the effect until you call the resume() method. | Effect | |
|
Begins playing the effect. | Effect | |
|
指出指定的屬性是否存在，以及是否可列舉。 | Object | |
|
會從 EventDispatcher 物件移除偵聽程式。 | EventDispatcher | |
|
Resumes the effect after it has been paused
by a call to the pause() method. | Effect | |
|
Plays the effect in reverse, if the effect is currently playing,
starting from the current position of the effect. | Effect | |
|
為迴圈作業設定動態屬性的可用性。 | Object | |
|
Stops the effect, leaving the effect targets in their current state. | Effect | |
|
傳回代表此物件的字串，根據地區特定慣例進行格式化。 | Object | |
|
會傳回指定之物件的字串形式。 | Object | |
|
會傳回指定之物件的基本值。 | Object | |
|
檢查此 EventDispatcher 物件是否已註冊事件偵聽程式，或者此物件的任何祖系已為特定事件類型註冊事件偵聽程式。 | EventDispatcher | |
| 方法 | 定義自 | ||
|---|---|---|---|
|
Used internally by the Effect infrastructure. | Effect | |
|
Called when an effect instance has finished playing. | Effect | |
|
This method is called when the effect instance starts playing. | Effect | |
|
Called when an effect instance has stopped by a call
to the stop() method. | Effect | |
|
Determines the logic for filtering out an effect instance. | Effect | |
|
Called by the captureStartValues() method to get the value
of a property from the target. | Effect | |
|
Copies properties of the effect to the effect instance. | Effect | |
Called when the TweenEffect dispatches a TweenEvent. | MaskEffect | ||
| 事件 | 摘要 | 定義自 | ||
|---|---|---|---|---|
| [廣播事件] 當 Flash Player 或 AIR 應用程式取得作業系統焦點並成為作用中時傳送。 | EventDispatcher | ||
| [廣播事件] 當 Flash Player 或 AIR 應用程式失去作業系統焦點並成為非作用中時傳送。 | EventDispatcher | ||
| Dispatched when one of the effect's instances finishes playing, either when the instance finishes playing or when the effect is interrupted by a call to the end() method. | Effect | ||
| Dispatched when the effect starts playing. | Effect | ||
| Dispatched when the effect has been stopped, which only occurs when the effect is interrupted by a call to the stop() method. | Effect | ||
| Dispatched when the effect ends. | MaskEffect | |||
| Dispatched when the effect starts, which corresponds to the first call to the onMoveTweenUpdate() and onScaleTweenUpdate() methods. | MaskEffect | |||
| Dispatched every time the effect updates the target. | MaskEffect | |||
createMaskFunction | 屬性 |
public var createMaskFunction:Function| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Function called when the effect creates the mask. The default value is a function that returns a Rectangle with the same dimensions as the target.
The custom mask function has the following signature:
public function createLargeMask(targ:Object, bounds:Rectangle):Shape
{
var myMask:Shape = new FlexShape();
// Create mask.
return myMask;
}
Your custom mask function takes an argument
corresponding to the target component of the effect,
and a second argument that defines the dimensions of the
target so that you can correctly size the mask.
You use that argument to access properties of the target
component, such as width and height,
so that you can create a mask with the correct size.
The function returns a single Shape object that defines the mask.
moveEasingFunction | 屬性 |
public var moveEasingFunction:Function| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Easing function to use for moving the mask.
預設值為 null。
scaleEasingFunction | 屬性 |
public var scaleEasingFunction:Function| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Easing function to use for scaling the mask.
預設值為 null。
scaleXFrom | 屬性 |
public var scaleXFrom:Number| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Initial scaleX for mask.
To specify this property,
you must specify all four of these properties:
scaleXFrom, scaleYFrom,
scaleXTo, and scaleX.
scaleXTo | 屬性 |
public var scaleXTo:Number| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Ending scaleX for mask.
To specify this property,
you must specify all four of these properties:
scaleXFrom, scaleYFrom,
scaleXTo, and scaleX.
scaleYFrom | 屬性 |
public var scaleYFrom:Number| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Initial scaleY for mask.
To specify this property,
you must specify all four of these properties:
scaleXFrom, scaleYFrom,
scaleXTo, and scaleX.
scaleYTo | 屬性 |
public var scaleYTo:Number| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Ending scaleY for mask.
To specify this property,
you must specify all four of these properties:
scaleXFrom, scaleYFrom,
scaleXTo, and scaleX.
showTarget | 屬性 |
showTarget:Boolean| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Specifies that the target component is becoming visible,
true, or invisible, false.
If you specify this effect for a showEffect or
hideEffect trigger, Flex sets the
showTarget property for you, either to
true if the component becomes visible,
or false if the component becomes invisible.
If you use this effect with a different effect trigger,
you should set it yourself, often within the
event listener for the startEffect event.
預設值為 true。
實作
public function get showTarget():Boolean public function set showTarget(value:Boolean):voidxFrom | 屬性 |
public var xFrom:Number| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Initial position's x coordinate for mask.
To specify this property,
you must specify all four of these properties:
xFrom, yFrom, xTo,
and yTo.
xTo | 屬性 |
public var xTo:Number| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Destination position's x coordinate for mask.
To specify this property,
you must specify all four of these properties:
xFrom, yFrom, xTo,
and yTo.
yFrom | 屬性 |
public var yFrom:Number| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Initial position's y coordinate for mask.
To specify this property,
you must specify all four of these properties:
xFrom, yFrom, xTo,
and yTo.
yTo | 屬性 |
public var yTo:Number| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Destination position's y coordinate for mask.
To specify this property,
you must specify all four of these properties:
xFrom, yFrom, xTo,
and yTo.
MaskEffect | () | 建構函式 |
getAffectedProperties | () | 方法 |
override public function getAffectedProperties():Array| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Returns the component properties modified by this effect.
This method returns an Array containing:
[ "visible", "width", "height" ].
Since the WipeDown, WipeLeft, WipeRight, and WipeDown effect
subclasses all modify these same properties, those classes
do not implement this method.
If you subclass the MaskEffect class to create a custom effect, and it modifies a different set of properties on the target, you must override this method and return an Array containing a list of the properties modified by your subclass.
傳回值Array — An Array of Strings specifying the names of the
properties modified by this effect.
|
相關 API 元素
tweenEventHandler | () | 方法 |
protected function tweenEventHandler(event:mx.events:TweenEvent):void| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Called when the TweenEffect dispatches a TweenEvent. If you override this method, ensure that you call the super method.
參數
event:mx.events:TweenEvent — An event object of type TweenEvent.
|
tweenEnd | 事件 |
mx.events.TweenEvent屬性 TweenEvent.type =
mx.events.TweenEvent.TWEEN_END| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Dispatched when the effect ends.
When an effect plays a single time, this event occurs
at the same time as an effectEnd event.
If you configure the effect to repeat,
it occurs at the end of every repetition of the effect,
and the endEffect event occurs
after the effect plays for the final time.
TweenEvent.TWEEN_END constant defines the value of the
event object's type property for a tweenEnd event.
The properties of the event object have the following values:
| Property | Value |
|---|---|
bubbles | false |
cancelable | false |
currentTarget | The Object that defines the
event listener that handles the event. For example, if you use
myButton.addEventListener() to register an event listener,
myButton is the value of the currentTarget. |
target | The Object that dispatched the event;
it is not always the Object listening for the event.
Use the currentTarget property to always access the
Object listening for the event. |
value | The value passed to the
onTweenEnd() method. |
tweenStart | 事件 |
mx.events.TweenEvent屬性 TweenEvent.type =
mx.events.TweenEvent.TWEEN_START| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Dispatched when the effect starts, which corresponds to the
first call to the onMoveTweenUpdate()
and onScaleTweenUpdate() methods.
Flex also dispatches the first tweenUpdate event
for the effect at the same time.
The Effect.effectStart event is dispatched
before the tweenStart event.
TweenEvent.TWEEN_START constant defines the value of the
event object's type property for a tweenStart event.
The properties of the event object have the following values:
| Property | Value |
|---|---|
bubbles | false |
cancelable | false |
currentTarget | The Object that defines the
event listener that handles the event. For example, if you use
myButton.addEventListener() to register an event listener,
myButton is the value of the currentTarget. |
target | The Object that dispatched the event;
it is not always the Object listening for the event.
Use the currentTarget property to always access the
Object listening for the event. |
value | The value passed to the
onTweenUpdate() method. |
tweenUpdate | 事件 |
mx.events.TweenEvent屬性 TweenEvent.type =
mx.events.TweenEvent.TWEEN_UPDATE| 語言版本: | ActionScript 3.0 |
| 產品版本: | Flex 3 |
| 執行階段版本: | Flash Player 9, AIR 1.1 |
Dispatched every time the effect updates the target.
The dispatching of this event corresponds to the
calls to the onMoveTweenUpdate()
and onScaleTweenUpdate() methods.
TweenEvent.TWEEN_UPDATE constant defines the value of the
event object's type property for a tweenUpdate event.
The properties of the event object have the following values:
| Property | Value |
|---|---|
bubbles | false |
cancelable | false |
currentTarget | The Object that defines the
event listener that handles the event. For example, if you use
myButton.addEventListener() to register an event listener,
myButton is the value of the currentTarget. |
target | The Object that dispatched the event;
it is not always the Object listening for the event.
Use the currentTarget property to always access the
Object listening for the event. |
value | The value passed to the
onTweenUpdate() method. |
Tue Jun 12 2018, 03:47 PM Z