| パッケージ | spark.effects |
| クラス | public class Rotate3D |
| 継承 | Rotate3D  AnimateTransform3D AnimateTransform Animate Effect EventDispatcher Object |
| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
すべての AnimateTransform に基づくエフェクトと同様、このエフェクトは UIComponent と GraphicElement のサブクラスでのみ動作します。これは、それらのクラスにある特定の変換関数にこうしたエフェクトが依存しているためです。また、同じターゲット上で並行して実行する複数の変換エフェクトは、単一のエフェクトインスタンスとして実行されます。したがって、変換エフェクトは関係するエフェクトによって設定される変換の中心を共有します。
MXML シンタックス
MXML シンタックスを表示
MXML シンタックスを隠すThe <s:Rotate3D> tag
inherits all of the tag attributes of its superclass,
and adds the following tag attributes:
<s:Rotate3D
Properties
id="ID"
angleXFrom="no default"
angleXTo="no default"
angleYFrom="no default"
angleYTo="no default"
angleZFrom="no default"
angleZTo="no default"
/>
デフォルトの MXML プロパティmotionPaths
さらに例を参照
Spark 3D effects
Applying 3D effects
Setting the transform center of a 3D effect
Component layout and 3D effects
Applying 3D effects
Setting the transform center of a 3D effect
Component layout and 3D effects
パブリックプロパティ
| プロパティ | 定義元 | ||
|---|---|---|---|
| angleXFrom : Number
x 軸を中心とした、ターゲットオブジェクトの回転の開始角度です（度単位）。 | Rotate3D | ||
| angleXTo : Number
x 軸を中心とした、ターゲットオブジェクトの回転の終了角度です（度単位）。 | Rotate3D | ||
| angleYFrom : Number
y 軸を中心とした、ターゲットオブジェクトの回転の開始角度です（度単位）。 | Rotate3D | ||
| angleYTo : Number
y 軸を中心とした、ターゲットオブジェクトの回転の終了角度です（度単位）。 | Rotate3D | ||
| angleZFrom : Number
z 軸を中心とした、ターゲットオブジェクトの回転の開始角度です（度単位）。 | Rotate3D | ||
| angleZTo : Number
z 軸を中心とした、ターゲットオブジェクトの回転の終了角度です（度単位）。 | Rotate3D | ||
 | applyChangesPostLayout : Boolean [オーバーライド]
Layout Manager によって使用された変換値をエフェクトが変更するかどうか、つまりレイアウトが実行された後で使用された値を変更するかどうかを指定するために、AnimateTransform のサブクラスによって使用されます。 | AnimateTransform3D | |
| applyLocalProjection : Boolean
true の場合、投影関連の他のプロパティを使用して遠近法に基づく投影が作成され、再生開始時にターゲットコンポーネントの親に投影が適用されます。 | AnimateTransform3D | |
| autoCenterProjection : Boolean = true
3D エフェクトが投影ポイントをターゲットの中心に自動的に設定しないようにするには、false に設定します。 | AnimateTransform3D | |
| 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 | |
| fieldOfView : Number
3 次元の視野について、角度を 0 ～ 180 度で指定します。 | AnimateTransform3D | |
| filter : String
エフェクトのターゲットをフィルタリングするアルゴリズムを指定します。 | Effect | |
| focalLength : Number
視点または視点の原点（0,0,0）と z 軸上に位置する表示オブジェクトとの距離です。 | AnimateTransform3D | |
| hideFocusRing : Boolean
エフェクトの開始時にエフェクトがフォーカス枠を非表示にするかどうかを指定します。 | Effect | |
| instanceClass : Class
このエフェクトクラスのエフェクトインスタンスクラスを指定する Class 型のオブジェクトを表します。 | Effect | |
| interpolator : IInterpolator
プロパティの開始値と終了値の間の値を計算するためにこのエフェクトによって使用されるインターポレーターです。 | Animate | |
| isPlaying : Boolean [読み取り専用]
エフェクトのインスタンスのいずれかが現在再生中の場合に true、そうでない場合に false となる読み取り専用フラグです。 | Effect | |
| perElementOffset : Number
エフェクトの最初のターゲットの後に発生する、エフェクトターゲットの追加遅延（ミリ秒）です。 | Effect | |
| playheadTime : Number
エフェクトの現在の時間位置です。 | Effect | |
| projectionX : Number = 0
ターゲットの (0, 0) 座標からの x 方向への投影ポイントのオフセットとして、投影ポイントを設定します。 | AnimateTransform3D | |
| projectionY : Number = 0
ターゲットの (0, 0) 座標からの y 方向への投影ポイントのオフセットとして、投影ポイントを設定します。 | AnimateTransform3D | |
| relevantProperties : Array
フィルタリング実行時に使用するプロパティ名の配列を表します。 | Effect | |
| relevantStyles : Array
フィルタリング実行時に使用するスタイル名の配列を表します。 | Effect | |
| removeLocalProjectionWhenComplete : Boolean = false
true の場合、エフェクトは再生の完了時に、ターゲットコンポーネントの親から遠近法に基づく投影を削除します。 | AnimateTransform3D | |
| 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 | |
プロテクトプロパティ
パブリックメソッド
| メソッド | 定義元 | ||
|---|---|---|---|
コンストラクターです。 | Rotate3D | ||
| 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 | |
プロテクトメソッド
プロパティの詳細
angleXFrom | プロパティ |
public var angleXFrom:Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
x 軸を中心とした、ターゲットオブジェクトの回転の開始角度です（度単位）。有効な値の範囲は 0 ～ 360 です。
angleXTo | プロパティ |
public var angleXTo:Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
x 軸を中心とした、ターゲットオブジェクトの回転の終了角度です（度単位）。正数または負数を指定できます。
angleTo の値が angleFrom の値以下の場合、ターゲットは反時計回りに回転します。 そうでない場合は、時計回りに回転します。 ターゲットを複数回回転させる場合は、この値を大きい正数または小さい負数に設定します。
angleYFrom | プロパティ |
public var angleYFrom:Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
y 軸を中心とした、ターゲットオブジェクトの回転の開始角度です（度単位）。有効な値の範囲は 0 ～ 360 です。
angleYTo | プロパティ |
public var angleYTo:Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
y 軸を中心とした、ターゲットオブジェクトの回転の終了角度です（度単位）。正数または負数を指定できます。
angleTo の値が angleFrom の値以下の場合、ターゲットは反時計回りに回転します。 そうでない場合は、時計回りに回転します。 ターゲットを複数回回転させる場合は、この値を大きい正数または小さい負数に設定します。
angleZFrom | プロパティ |
public var angleZFrom:Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
z 軸を中心とした、ターゲットオブジェクトの回転の開始角度です（度単位）。有効な値の範囲は 0 ～ 360 です。
angleZTo | プロパティ |
public var angleZTo:Number| 言語バージョン: | ActionScript 3.0 |
| 製品バージョン: | Flex 4 |
| ランタイムバージョン: | Flash Player 10, AIR 1.5 |
z 軸を中心とした、ターゲットオブジェクトの回転の終了角度です（度単位）。正数または負数を指定できます。
angleTo の値が angleFrom の値以下の場合、ターゲットは反時計回りに回転します。 そうでない場合は、時計回りに回転します。 ターゲットを複数回回転させる場合は、この値を大きい正数または小さい負数に設定します。
コンストラクターの詳細
Rotate3D | () | コンストラクター |
例 この例の使用方法
Rotate3DEffectExample.mxml
<?xml version="1.0" encoding="utf-8"?>
<!-- Simple example to demonstrate the s:Rotate3D 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:Rotate3D id="rotateEffect" target="{targetBox}"
angleXFrom="0" angleXTo="180" angleYFrom="0" angleYTo="180"
duration="1000" autoCenterTransform="true"
effectStart="playButton.enabled=false" effectEnd="playButton.enabled=true;"/>
</fx:Declarations>
<s:Panel title="Rotate3D Effect Example"
width="75%" height="75%">
<mx:HBox width="100%" height="100%">
<!-- Our target to affect -->
<mx:VBox id="targetBox" width="50%" horizontalAlign="center">
<mx:Label text="Nokia 9930"/>
<mx:Image source="@Embed(source='assets/Nokia_6630.png')"/>
</mx:VBox>
<!-- Directions -->
<mx:VBox id="detailsBox" width="50%" left="0">
<mx:Text width="99%" color="blue"
text="The Rotate3D effect rotates a target using the following parameters: angleXFrom, angleXTo, angleYFrom, angleYTo, angleZFrom, and angleZTo. Click 'Rotate3D' to watch the effect."/>
</mx:VBox>
</mx:HBox>
<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>
<!-- End then Play the effect to rotate the target.-->
<s:Button id="playButton"
left="5" bottom="5"
label="Rotate3D" click="rotateEffect.play();"/>
</s:Panel>
</s:Application>
Tue Jun 12 2018, 10:34 AM Z