| Пакет | spark.effects.animation |
| Класс | public class Keyframe |
| Наследование | Keyframe  Object |
| Язык версии: | ActionScript 3.0 |
| Версия продукта: | Flex 4 |
| Версии среды выполнения: | Flash Player 10, AIR 1.5 |
Совокупность ключевых кадров эффекта называется путем движения эффекта. Путь движения может определять любое количество ключевых кадров. Эффект вычисляет значение свойства путем интерполяции между значениями, указанными двумя ключевыми кадрами.
Для хранения совокупности объектов ключевых кадров, представляющих путь движения эффекта, необходимо использовать класс MotionPath. Класс MotionPath определяет имя свойства в целевом объекте и совокупность объектов ключевых кадров, определяющих значения свойства в различное время выполнения эффекта.
Синтаксис MXML
Показать синтаксис MXML
Скрыть синтаксис MXMLThe <s:Keyframe> tag
inherits the tag attributes of its superclass,
and adds the following tag attributes:
<s:Keyframe
id="ID"
easier="Linear"
time="val"
value="val"
valueBy="val"
/>
Связанные элементы API
| Свойство | Определено | ||
|---|---|---|---|
 | constructor : Object
Ссылка на объект класса или функцию конструктора для данного экземпляра объекта. | Object | |
| easer : IEaser
К движению применено поведение замедления между предыдущим объектом ключевого кадра в пути движения и данным объектом ключевого кадра. | Keyframe | ||
| time : Number
Время (в миллисекундах), когда целевой объект эффекта данного ключевого кадра должен принять значение, определенное свойством value. | Keyframe | ||
| value : Object
Значение, которое свойство целевого объекта эффекта должно принимать в момент времени, определенный свойством time. | Keyframe | ||
| valueBy : Object
Дополнительный параметр, который в случае его указания используется для вычисления значения value в данном или предыдущем ключевом кадре. | Keyframe | ||
| Метод | Определено | ||
|---|---|---|---|
Конструктор. | Keyframe | ||
Возвращает копию данного объекта ключевого кадра. | Keyframe | ||
|
Показывает, определено ли заданное свойство для объекта. | Object | |
|
Показывает, есть ли экземпляр класса Object в цепи прототипов объекта, заданного в качестве параметра. | Object | |
|
Показывает наличие заданного свойства и его перечисляемость. | Object | |
|
Задает доступность динамического свойства для операций цикла. | Object | |
|
Возвращает строковое представление этого объекта, отформатированного в соответствии со стандартами, принятыми для данной локали. | Object | |
|
Возвращает строковое представление заданного объекта. | Object | |
|
Возвращает элементарное значение заданного объекта. | Object | |
easer | свойство |
public var easer:IEaser| Язык версии: | ActionScript 3.0 |
| Версия продукта: | Flex 4 |
| Версии среды выполнения: | Flash Player 10, AIR 1.5 |
К движению применено поведение замедления между предыдущим объектом ключевого кадра в пути движения и данным объектом ключевого кадра. По умолчанию замедление линейно или вообще отсутствует.
Следует отметить, что вышестоящий эффект уже, возможно, имеет примененное ко всей анимации замедление. Поэтому если взамен необходима анимация по интервалам ключевого кадра, то, возможно, потребуется установить линейный общий эффект замедления (spark.effects.easing.Linear), а затем по мере необходимости установить easer в каждом соответствующем ключевом кадре.
Поскольку это свойство оказывает влияние на интервал в последовательности между предыдущим и данным объектами ключевого кадра, то свойство easer игнорируется для первого в последовательности объекта ключевого кадра.
Значением по умолчанию является Linear.
time | свойство |
public var time:Number| Язык версии: | ActionScript 3.0 |
| Версия продукта: | Flex 4 |
| Версии среды выполнения: | Flash Player 10, AIR 1.5 |
Время (в миллисекундах), когда целевой объект эффекта данного ключевого кадре должен принять значение, определенное свойством value. Время является относительным для времени начала эффекта, определенного данным ключевым кадром.
value | свойство |
public var value:Object| Язык версии: | ActionScript 3.0 |
| Версия продукта: | Flex 4 |
| Версии среды выполнения: | Flash Player 10, AIR 1.5 |
Значение, которое свойство целевого объекта эффекта должно принимать в момент времени, определенный свойствомtime.
valueBy | свойство |
public var valueBy:Object| Язык версии: | ActionScript 3.0 |
| Версия продукта: | Flex 4 |
| Версии среды выполнения: | Flash Player 10, AIR 1.5 |
Дополнительный параметр, который в случае его указания используется для вычисления значения value в данном или предыдущем ключевом кадре. Если значение value не установлено в предыдущем ключевом кадре, но этот кадр определяет значения value и valueBy, то значение value в предыдущем ключевом кадре вычисляется как value минус valueBy в данном ключевом кадре.
Схожим образом, если не определено значение value в данном ключевом кадре, но значения valueBy в данном и value в предыдущем ключевых кадрах установлены, то значение value в данном ключевом кадре вычисляется как value в предыдущем кадре плюс valueBy в данном ключевом кадре.
Значение valueBy игнорируется для первого ключевого кадра в последовательности, так как оно применимо только к интервалу, предшествующему ключевому кадру, которого не существует для первого ключевого кадра.
Keyframe | () | Конструктор |
public function Keyframe(time:Number = NaN, value:Object = null, valueBy:Object = null)| Язык версии: | ActionScript 3.0 |
| Версия продукта: | Flex 4 |
| Версии среды выполнения: | Flash Player 10, AIR 1.5 |
Конструктор.
Параметрыtime:Number (default = NaN)value.
| |
value:Object (default = null)time.
| |
valueBy:Object (default = null)value посредством добавления значенияvalueBy к значению value предыдущего ключевого кадра в наборе ключевых кадров в объекте MotionPath. Это значение игнорируется, если данный ключевой кадр является первым в последовательности.
|
clone | () | метод |
<?xml version="1.0"?>
<!-- Simple example to demonstrate the s:Keyframe and s:MotionPath classes. -->
<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">
<fx:Declarations>
<fx:Vector id="kf" type="spark.effects.animation.MotionPath">
<s:MotionPath property="scaleX">
<s:Keyframe time="250" value="0.5"/>
<s:Keyframe time="500" value="1.0"/>
<s:Keyframe time="750" value="0.5"/>
<s:Keyframe time="1000" value="1.0"/>
<s:Keyframe time="1250" value="0.5"/>
<s:Keyframe time="1500" value="1.0"/>
</s:MotionPath>
<s:MotionPath property="scaleY">
<s:Keyframe time="250" value="0.5"/>
<s:Keyframe time="500" value="1.0"/>
<s:Keyframe time="750" value="0.5"/>
<s:Keyframe time="1000" value="1.0"/>
<s:Keyframe time="1250" value="0.5"/>
<s:Keyframe time="1500" value="1.0"/>
</s:MotionPath>
</fx:Vector>
<s:Animate id="shrinkEffect"
motionPaths="{kf}"
target="{myImage}"/>
</fx:Declarations>
<s:Panel id="examplePanel"
title="Keyframe and MotionPath Effect Example"
width="75%" height="75%">
<s:layout>
<s:VerticalLayout paddingTop="10" paddingLeft="10"/>
</s:layout>
<!-- Directions -->
<s:VGroup id="detailsBox" width="50%" left="0">
<s:Label width="99%" color="blue"
text="Click the Adobe logo to watch the effect."/>
</s:VGroup>
<mx:Image id="myImage"
source="@Embed(source='assets/logo.jpg')"
click="shrinkEffect.end();shrinkEffect.play();"/>
</s:Panel>
</s:Application>
Tue Jun 12 2018, 11:34 AM Z