パッケージ | spark.effects |
クラス | public class Rotate |
継承 | Rotate AnimateTransform Animate Effect EventDispatcher Object |
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 4 |
ランタイムバージョン: | Flash Player 10, AIR 1.5 |
角度の値(angleFrom、angleTo または angleBy)の 2 つを指定すると、Flex によって 3 つ目の値が計算されます。3 つの値をすべて指定すると、angleBy
の値が無視されます。
すべての AnimateTransform に基づくエフェクトと同様、このエフェクトは UIComponent と GraphicElement のサブクラスでのみ動作します。これは、それらのクラスにある特定の変換関数にこうしたエフェクトが依存しているためです。
MXML シンタックスMXML シンタックスを隠すThe <s:Rotate>
tag
inherits all of the tag attributes of its of its superclass,
and adds the following tag attributes:
<s:Rotate id="ID" angleBy="val" angleFrom="val" angleTo="val" />
デフォルトの MXML プロパティmotionPaths
さらに例を参照
プロパティ | 定義元 | ||
---|---|---|---|
angleBy : Number
ターゲットオブジェクトを回転させる角度です。 | Rotate | ||
angleFrom : Number
ターゲットオブジェクトの回転の開始角度です(度単位)。 | Rotate | ||
angleTo : Number
ターゲットオブジェクトの回転の終了角度です(度単位)。 | Rotate | ||
applyChangesPostLayout : Boolean
AnimateTransform のサブクラスでは、このフラグを使用して、Layout Manager によって使用された変換値をエフェクトが変更するかどうか、つまりレイアウトが実行された後で使用された値を変更するかどうかを指定します。 | AnimateTransform | ||
autoCenterTransform : Boolean = false
エフェクトの再生時にターゲットの中心付近 (width/2, height/2) で変換エフェクトを発生させるかどうかを指定します。 | AnimateTransform | ||
className : String [読み取り専用]
このエフェクトクラスの名前です。たとえば、"Fade" などがあります。 | Effect | ||
constructor : Object
指定されたオブジェクトインスタンスのクラスオブジェクトまたはコンストラクター関数への参照です。 | Object | ||
customFilter : mx.effects:EffectTargetFilter
エフェクトを再生するターゲットを特定するために、エフェクトによって使用されるタイプ EffectTargetFilter のカスタムフィルターオブジェクトを指定します。 | Effect | ||
disableLayout : Boolean
true の場合、エフェクトはそのターゲットの親コンテナでのレイアウトを無効にし、コンテナの autoLayout プロパティを false に設定して、ターゲットオブジェクトでのすべてのレイアウト制約も無効にします。 | Animate | ||
duration : Number
エフェクトの継続時間を表します(ミリ秒単位)。 | Effect | ||
easer : IEaser
このエフェクトのイージングビヘイビアーです。 | Animate | ||
effectTargetHost : mx.effects:IEffectTargetHost
データエフェクトのターゲットリストコントロールにアクセスできるプロパティです。 | Effect | ||
filter : String
エフェクトのターゲットをフィルタリングするアルゴリズムを指定します。 | Effect | ||
hideFocusRing : Boolean
エフェクトの開始時にエフェクトがフォーカス枠を非表示にするかどうかを指定します。 | Effect | ||
instanceClass : Class
このエフェクトクラスのエフェクトインスタンスクラスを指定する Class 型のオブジェクトを表します。 | Effect | ||
interpolator : IInterpolator
プロパティの開始値と終了値の間の値を計算するためにこのエフェクトによって使用されるインターポレーターです。 | Animate | ||
isPlaying : Boolean [読み取り専用]
エフェクトのインスタンスのいずれかが現在再生中の場合に true、そうでない場合に false となる読み取り専用フラグです。 | Effect | ||
perElementOffset : Number
エフェクトの最初のターゲットの後に発生する、エフェクトターゲットの追加遅延(ミリ秒)です。 | Effect | ||
playheadTime : Number
エフェクトの現在の時間位置です。 | Effect | ||
relevantProperties : Array
フィルタリング実行時に使用するプロパティ名の配列を表します。 | Effect | ||
relevantStyles : Array
フィルタリング実行時に使用するスタイル名の配列を表します。 | Effect | ||
startDelay : int = 0
エフェクトを開始する前の待機時間を表します(ミリ秒単位)。 | Effect | ||
target : Object
このエフェクトが適用されるオブジェクトを表します。 | Effect | ||
targets : Array
エフェクトのターゲットであるオブジェクトの配列を表します。 | Effect | ||
transformX : Number
autoCenterTransform プロパティによってオーバーライドされない場合、変換の中心の x 座標を設定します。 | AnimateTransform | ||
transformY : Number
autoCenterTransform プロパティによってオーバーライドされない場合、変換の中心の y 座標を設定します。 | AnimateTransform | ||
transformZ : Number
autoCenterTransform プロパティによってオーバーライドされない場合、変換の中心の z 座標を設定します。 | AnimateTransform | ||
triggerEvent : Event
エフェクトがトリガーされたときに EffectManager によってこの Effect に渡される Event オブジェクトです。EffectManager によってエフェクトが再生されていない場合は null です。 | Effect |
メソッド | 定義元 | ||
---|---|---|---|
コンストラクターです。 | Rotate | ||
addEventListener(type:String, listener:Function, useCapture:Boolean = false, priority:int = 0, useWeakReference:Boolean = false):void
イベントリスナーオブジェクトを EventDispatcher オブジェクトに登録し、リスナーがイベントの通知を受け取るようにします。 | EventDispatcher | ||
エフェクトのターゲットにおいて関連するプロパティの現在値をキャプチャし、終了値として保存します。 | Effect | ||
ターゲットの追加セットの関連するプロパティの現在値をキャプチャします。この機能は、データ変更エフェクトを実行したときに Flex によって使用されます。
| Effect | ||
エフェクトのターゲットにおいて関連するプロパティの現在値をキャプチャします。 | Effect | ||
1 つのエフェクトインスタンスを作成し、それを初期化します。 | 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 |
angleBy | プロパティ |
public var angleBy:Number
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 4 |
ランタイムバージョン: | Flash Player 10, AIR 1.5 |
ターゲットオブジェクトを回転させる角度です。負の値を指定することもできます。
angleBy
が負の値である場合、ターゲットは反時計回りに回転します。そうでない場合は、時計回りに回転します。 ターゲットを複数回回転させる場合は、この値を大きい正数または小さい負数に設定します。
angleFrom | プロパティ |
public var angleFrom:Number
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 4 |
ランタイムバージョン: | Flash Player 10, AIR 1.5 |
ターゲットオブジェクトの回転の開始角度です(度単位)。有効な値の範囲は 0 ~ 360 です。
angleTo | プロパティ |
public var angleTo:Number
言語バージョン: | ActionScript 3.0 |
製品バージョン: | Flex 4 |
ランタイムバージョン: | Flash Player 10, AIR 1.5 |
ターゲットオブジェクトの回転の終了角度です(度単位)。正数または負数を指定できます。
angleTo
の値が angleFrom
の値以下の場合、ターゲットは反時計回りに回転します。 そうでない場合は、時計回りに回転します。 ターゲットを複数回回転させる場合は、この値を大きい正数または小さい負数に設定します。
Rotate | () | コンストラクター |
<?xml version="1.0" encoding="utf-8"?> <!-- Simple example to demonstrate the s:Rotate class. --> <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"> <!-- Standalone effects must be declared in the "Declarations" tag in Flex 4 --> <fx:Declarations> <s:Rotate id="rotateEffect" target="{myImage}" angleBy="360" duration="1000" autoCenterTransform="true" effectStart="playButton.enabled=false" effectEnd="playButton.enabled=true;"/> </fx:Declarations> <s:Panel title="Rotate Effect Example" width="75%" height="75%"> <s:HGroup width="100%" height="100%"> <!-- Our target to affect --> <s:VGroup id="targetBox" width="50%" horizontalAlign="center"> <s:Label text="Nokia 9930"/> <mx:Image id="myImage" source="@Embed(source='assets/Nokia_6630.png')"/> </s:VGroup> <!-- Directions --> <s:VGroup id="detailsBox" width="50%" left="0"> <s:Label width="99%" color="blue" text="The Rotate effect rotates a target using the following parameters: angleFrom, angleTo, angleBy. Click 'Rotate' to watch 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="Rotate" click="rotateEffect.play();"/> </s:Panel> </s:Application>
Tue Jun 12 2018, 10:34 AM Z