C

NumberAnimation QML Type

qreal型の値の変化をアニメートする。詳細...

NumberAnimationは、数値が変化したときに適用されるアニメーションを定義する特殊なPropertyAnimation 。

ここでは、Rectangle のx プロパティをプロパティ値のソースとして、NumberAnimation を適用しています。これは、x の値を、現在の値から 50 の値まで、1000 ミリ秒かけてアニメーション化します：

import QtQuick 2.15

Rectangle {
    width: 100; height: 100
    color: "red"

    NumberAnimation on x { to: 50; duration: 1000 }
}

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

from : real

このプロパティは、アニメーションの開始値を保持します。

例えば、次のアニメーションは、x の値が 100 になるまで適用されません：

Item {
    states: [
        // ...
    ]

    transition: Transition {
        NumberAnimation { properties: "x"; from: 100; duration: 200 }
    }
}

NumberAnimation がTransition またはBehavior 内で定義されている場合、この値はTransition の開始状態で定義されている値、またはBehavior がトリガーされた時点でのプロパティの現在値がデフォルトとなります。

to : real

このプロパティは、アニメーションの終了値を保持する。

NumberAnimation がTransition またはBehavior 内で定義されている場合、この値のデフォルトはTransition の終了状態で定義されている値、またはBehavior をトリガーしたプロパティ変更の値です。

特定の Qt ライセンスの下で利用可能です。
詳細を確認してください。