Paket | spark.effects |
Klass | public class CrossFade |
Arv | CrossFade AnimateTransitionShader Animate Effect EventDispatcher Object |
Språkversion: | ActionScript 3.0 |
Produktversion: | Flex 4 |
Körningsmiljöversioner: | 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.
MXML-standardegenskapmotionPaths
Fler exempel
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
Relaterade API-element
Publika egenskaper
Skyddade egenskaper
Publika metoder
Metod | Definieras med | ||
---|---|---|---|
Constructor. | CrossFade | ||
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
Registrerar ett händelseavlyssnarobjekt för ett EventDispatcher-objekt så att avlyssnaren får meddelanden om händelser. | 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 | ||
Skickar en händelse till händelseflödet. | EventDispatcher | ||
Interrupts an effect that is currently playing,
and jumps immediately to the end of the effect. | Effect | ||
Returns an Array of Strings, where each String is the name
of a property changed by this effect. | Effect | ||
Kontrollerar om EventDispatcher-objektet har några avlyssnare registrerade för en viss typ av händelse. | EventDispatcher | ||
Anger om det finns en egenskap angiven för ett objekt. | Object | ||
Anger om en instans av klassen Object finns i prototypkedjan för objektet som anges som parameter. | Object | ||
Pauses the effect until you call the resume() method. | Effect | ||
Begins playing the effect. | Effect | ||
Anger om den angivna egenskapen finns och är uppräkningsbar. | Object | ||
Tar bort en avlyssnare från EventDispatcher-objektet. | 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 | ||
Anger tillgänglighet för en dynamisk egenskap för slingåtgärder. | Object | ||
Stops the effect, leaving the effect targets in their current state. | Effect | ||
Returnerar det här objektets strängrepresentation, formaterad i enlighet med språkspecifika konventioner. | Object | ||
Returnerar det angivna objektets strängbeteckning. | Object | ||
Returnerar det angivna objektets primitiva värde. | Object | ||
Kontrollerar om en händelseavlyssnare är registrerad för det här EventDispatcher-objektet eller något av dess överordnade objekt för den angivna händelsetypen. | EventDispatcher |
Skyddade metoder
Konstruktordetaljer
CrossFade | () | Konstruktor |
Exempel Så här använder du exemplet
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>
Tue Jun 12 2018, 01:40 PM Z