Пакет | spark.effects |
Класс | public class CrossFade |
Наследование | CrossFade AnimateTransitionShader Animate Effect EventDispatcher Object |
Язык версии: | ActionScript 3.0 |
Версия продукта: | Flex 4 |
Версии среды выполнения: | Flash Player 10, AIR 1.5 |
Эффект CrossFade использует Pixel Bender, который не поддерживается в мобильных приложениях AIR. |
Эффект CrossFade выполняет эффект растрового перехода посредством плавного затухания между первым и вторым растровыми изображениями. Плавное затухание совмещает эти два растровых изображения в процессе анимации.
В каждой точке анимации, где доля времени, требуемая для анимации и замедления, равна f
, а значения пикселей в первом и втором растровых изображениях равны v1
и v2
, результирующее значение в пикселях v
для любого пикселя на изображении равно:
v = v1 * (1 - f) + v2 * f
Растровый эффект выполняется программным шейдером пикселей, который загружается эффектом. Различные варианты поведения плавного наложения можно задать, указав программу шейдера пикселей для свойства shaderByteCode
. Программа шейдера пикселей должна удовлетворять требованиям, определенным в эффекте AnimateTransitionShader.
Свойство MXML по умолчаниюmotionPaths
Связанные элементы API
Общедоступные свойства
Защищенные свойства
Общедоступные методы
Метод | Определено | ||
---|---|---|---|
Конструктор. | CrossFade | ||
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
Регистрирует объект прослушивателя события на объекте EventDispatcher для получения прослушивателем уведомления о событии. | EventDispatcher | ||
Обеспечивает сбор текущих значений соответствующих свойств целевых объектов эффекта и сохраняет их как конечные значения. | Effect | ||
Обеспечивает сбор текущих значений соответствующих свойств дополнительного набора целевых объектов. Flex использует эту функцию при воспроизведении эффекта изменения данных.
| Effect | ||
Обеспечивает сбор текущих значений соответствующих свойств для целевых объектов эффекта. | Effect | ||
Создает отдельный экземпляр эффекта и инициализирует его. | Effect | ||
Принимает массив целевых объектов и вызывает метод createInstance() для каждой цели. | Effect | ||
Удаляет прослушиватели событий из экземпляра и удаляет экземпляр из списка экземпляров. | Effect | ||
Посылает событие в поток событий. | EventDispatcher | ||
Прерывает эффект, воспроизводящийся в настоящее время, и осуществляет немедленный переход в конец эффекта. | Effect | ||
Возвращает массив строк, где каждая строка представляет собой имя свойства, которое было изменено данным эффектом. | Effect | ||
Проверяет, имеет ли объект EventDispatcher прослушиватели, зарегистрированные для определенного типа события. | EventDispatcher | ||
Показывает, определено ли заданное свойство для объекта. | Object | ||
Показывает, есть ли экземпляр класса Object в цепи прототипов объекта, заданного в качестве параметра. | Object | ||
Приостанавливает эффект до вызова метода resume(). | Effect | ||
Начинает воспроизведение эффекта | Effect | ||
Показывает наличие заданного свойства и его перечисляемость. | Object | ||
Удаляет прослушиватель из объекта EventDispatcher. | EventDispatcher | ||
Продолжает воспроизведение эффекта после установки паузы путем вызова метода pause(). | Effect | ||
Если эффект воспроизводится в настоящее время, воспроизводит эффект в обратном порядке, начиная с текущей позиции эффекта. | Effect | ||
Задает доступность динамического свойства для операций цикла. | Object | ||
Останавливает эффект, оставляя целевые объекты эффекта в текущем состоянии. | Effect | ||
Возвращает строковое представление этого объекта, отформатированного в соответствии со стандартами, принятыми для данной локали. | Object | ||
Возвращает строковое представление заданного объекта. | Object | ||
Возвращает элементарное значение заданного объекта. | Object | ||
Проверяет, зарегистрирован ли прослушиватель события для указанного типа события с данным объектом EventDispatcher или любым его предшественником. | EventDispatcher |
События
Сведения о конструкторе
CrossFade | () | Конструктор |
Примеры Использование этого примера
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, 11:34 AM Z