(Preview)
Package | spark.effects |
Class | public class CrossFade |
Inheritance | CrossFade ![]() ![]() ![]() ![]() ![]() |
Language Version: | ActionScript 3.0 |
Product Version: | Flex 4 |
Runtime Versions: | Flash Player 10, AIR 1.5 |
![]() | The CrossFade effect uses Pixel Bender, which is not supported for AIR mobile applications. |
The CrossFade effect performs a bitmap transition effect by running a crossfade between the first and second bitmaps. The crossfade blends the two bitmaps over the duration of the animation.
At any point in the animation, where the
elapsed and eased fraction of the animation is f
and the pixel
values in the first and second bitmaps are v1
and v2
,
the resulting pixel value v
for any pixel in the image is:
v = v1 * (1 - f) + v2 * f
The bitmap effect is run by a pixel-shader program
that is loaded by the effect.
You can specify a different crossfade behavior by specifying
a pixel-shader program to the shaderByteCode
property.
That pixel-shader program must meet the requirements defined in the
AnimateTransitionShader effect.
Default MXML PropertymotionPaths
More examples
Spark pixel-shader effects
Using a pixel-shader effect in a transition
Applying a pixel-shader effect
Creating a custom pixel shader
Using a pixel-shader effect in a transition
Applying a pixel-shader effect
Creating a custom pixel shader
Related API Elements
Public Properties
Protected Properties
Public Methods
Method | Defined By | ||
---|---|---|---|
![]() | addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
Registers an event listener object with an EventDispatcher object so that the listener
receives notification of an event. | EventDispatcher | |
![]() |
Dispatches an event into the event flow. | EventDispatcher | |
![]() |
Checks whether the EventDispatcher object has any listeners registered for a specific type
of event. | EventDispatcher | |
![]() |
Indicates whether an object has a specified property defined. | Object | |
![]() |
Indicates whether an instance of the Object class is in the prototype chain of the object specified
as the parameter. | Object | |
![]() |
Indicates whether the specified property exists and is enumerable. | Object | |
![]() |
Removes a listener from the EventDispatcher object. | EventDispatcher | |
![]() |
Sets the availability of a dynamic property for loop operations. | Object | |
![]() |
Returns the string representation of this object, formatted according to locale-specific conventions. | Object | |
![]() |
Returns the string representation of the specified object. | Object | |
![]() |
Returns the primitive value of the specified object. | Object | |
![]() |
Checks whether an event listener is registered with this EventDispatcher object or any of
its ancestors for the specified event type. | EventDispatcher |
Protected Methods
Constructor Detail
Examples How to use this example
CrossFadeExample.mxml
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:s="library://ns.adobe.com/flex/spark"> <s:states> <s:State name="default"/> <s:State name="flipped"/> </s:states> <s:transitions> <s:Transition id="t1" autoReverse="true"> <s:CrossFade target="{holder}" duration="1000" /> </s:Transition> </s:transitions> <s:Panel title="CrossFade Example" width="75%" height="75%" horizontalCenter="0" verticalCenter="0"> <s:HGroup width="100%" height="100%" top="5" left="5" right="5"> <s:Group id="holder"> <s:BitmapImage source="@Embed('assets/back2.png')" visible="true" visible.flipped="false"/> <s:BitmapImage source="@Embed('assets/c2.png')" visible="false" visible.flipped="true"/> </s:Group> <!-- Directions --> <s:VGroup id="detailsBox" width="50%" left="0"> <s:Label width="99%" color="blue" text="CrossFade fades from bitmapFrom to the bitmapTo image. This example cross-fades between two bitmapGraphics in a group via a state transition. Click the 'Play CrossFade' button to see the effect."/> </s:VGroup> </s:HGroup> <s:Rect left="0" right="0" bottom="0" height="30"> <s:fill> <s:LinearGradient rotation="90"> <s:GradientEntry color="0xE2E2E2" /> <s:GradientEntry color="0xD9D9D9" /> </s:LinearGradient> </s:fill> </s:Rect> <s:Button id="playButton" left="5" bottom="5" label="Play CrossFade" click="currentState = (currentState == 'flipped') ? 'default' : 'flipped';"/> </s:Panel> </s:Application>
Wed Nov 21 2018, 06:34 AM -08:00