RotationAnimation QML Type

回転値の変化をアニメーション化する。詳細...

• 継承されたメンバーを含む全メンバーのリスト

プロパティ

• direction : enumeration
• from : real
• to : real

詳しい説明

RotationAnimation はPropertyAnimation に特化したもので、アニメーション中の回転方向を制御します。

デフォルトでは、数値の変化方向に回転します。0 から 240 への回転は時計回りに 240 度回転し、240 から 0 への回転は反時計回りに 240 度回転します。回転の方向を指定するには、direction プロパティを設定します。

次の例では、RotationAnimationを使って、最短経路で状態間の回転をアニメートしている：

import QtQuick

Item {
    width: 300; height: 300

    Rectangle {
        id: rect
        width: 150; height: 100; anchors.centerIn: parent
        color: "red"
        antialiasing: true

        states: State {
            name: "rotated"
            PropertyChanges { target: rect; rotation: 180 }
        }

        transitions: Transition {
            RotationAnimation { duration: 1000; direction: RotationAnimation.Counterclockwise }
        }
    }

    MouseArea { anchors.fill: parent; onClicked: rect.state = "rotated" }
}

RotationAnimationはtarget 。便利なことに、RotationAnimationをトランジションで使うと、"rotation "または "angle "という名前のプロパティがすべて回転する。これをオーバーライドするには、properties またはproperty を使って独自のプロパティを指定します。

また、Rectangle は、デフォルトのtransformOrigin （Item.Center ）を中心に回転することに注意してください。異なるトランスフォームの原点を使用するには、PropertyChanges オブジェクトで原点を設定し、PropertyAction を使用してアニメーションの開始時に変更を適用します。詳細はPropertyAction のドキュメントを参照してください。

他のアニメーションタイプと同様に、RotationAnimationは、トランジション、ビヘイビア、プロパティ値のソースなど、さまざまな方法で適用することができます。 Qt Quick の「 Animation and Transitions」ドキュメントでは、アニメーションを作成するためのさまざまな方法を紹介しています。

Qt Quick の Animation and TransitionsとQt Quick Examples - Animationも参照してください 。

プロパティの説明

Item {
    states: [
        // ...
    ]

    transitions: Transition {
        RotationAnimation { properties: "angle"; from: 100; duration: 2000 }
    }
}