包 | spark.effects.easing |
类 | public class Bounce |
继承 | Bounce Object |
实现 | IEaser |
语言版本: | ActionScript 3.0 |
产品版本: | Flex 4 |
运行时版本: | Flash Player 10, AIR 1.5 |
公共方法
方法 | 由以下参数定义 | ||
---|---|---|---|
Bounce()
构造函数。 | Bounce | ||
采用代表动画的已过去持续时间的部分(一个在 0.0 到 1.0 之间的值)并返回一个新的已过去的值。 | Bounce | ||
表示对象是否已经定义了指定的属性。 | Object | ||
表示 Object 类的实例是否在指定为参数的对象的原型链中。 | Object | ||
表示指定的属性是否存在、是否可枚举。 | Object | ||
设置循环操作动态属性的可用性。 | Object | ||
返回此对象的字符串表示形式,其格式设置遵守区域设置特定的约定。 | Object | ||
返回指定对象的字符串表示形式。 | Object | ||
返回指定对象的原始值。 | Object |
构造函数详细信息
Bounce | () | 构造函数 |
public function Bounce()
语言版本: | ActionScript 3.0 |
产品版本: | Flex 4 |
运行时版本: | Flash Player 10, AIR 1.5 |
构造函数。
方法详细信息
ease | () | 方法 |
public function ease(fraction:Number):Number
语言版本: | ActionScript 3.0 |
产品版本: | Flex 4 |
运行时版本: | Flash Player 10, AIR 1.5 |
采用代表动画的已过去持续时间的部分(一个在 0.0 到 1.0 之间的值)并返回一个新的已过去的值。此值用于计算已设置动画的属性值。通过更改已过去部分的值,可有效地更改属性的动画。
参数
fraction:Number — 动画的已过去部分,从 0.0 到 1.0。
|
Number — 已过去时间的已缓动的值。通常,尽管有可能返回超出 0.0 和 1.0 之间的值,应该将此值约束到此范围。请注意,返回这样的值的结果是不明确的,这取决于哪种类型的效果正在使用此缓动的值。例如,一个以线性方式移动的对象可以在其开始和结束点之外计算位置而不会出现问题,但是,如果它们使用会使它们越过其端点值的时间值,则其它值类型(如 color)可能不会产生希望的效果。
|
示例 如何使用本示例
BounceElasticEffectExample.mxml
<?xml version="1.0"?> <!-- Simple example to demonstrate the s:Bounce and s:Elastic 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> <s:Bounce id="bounceEasing"/> <s:Elastic id="elasticEasing"/> <s:Move id="moveRight" target="{myImage}" xBy="500" duration="2000" easer="{elasticEasing}"/> <s:Move id="moveLeft" target="{myImage}" xBy="-500" duration="2000" easer="{bounceEasing}"/> </fx:Declarations> <s:Panel id="examplePanel" title="Bounce and Elastic Effect Example" width="75%" height="75%"> <!-- Directions --> <s:VGroup id="detailsBox" width="50%" top="5" left="5"> <s:Label width="99%" color="blue" text="Click the buttons to watch the effect."/> </s:VGroup> <mx:Image id="myImage" top="20" source="@Embed(source='assets/logo.jpg')"/> <s:Button label="Move Right" bottom="10" left="5" click="moveRight.end();moveRight.play();"/> <s:Button label="Move Left" bottom="10" left="100" click="moveLeft.end();moveLeft.play();"/> </s:Panel> </s:Application>
Tue Jun 12 2018, 11:04 AM Z