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もトランジション、ビヘイビア、プロパティ値ソースなど、さまざまな方法で適用できます。「アニメーションとトランジション」のドキュメントでは、アニメーションを作成するためのさまざまな方法が紹介されています。

このプロパティには、アニメーションの開始値が格納されます。

たとえば、x の値が100に達するまでは、以下のアニメーションは適用されません：

Item {
    states: [
        // ...
    ]

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

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

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

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

特定のQtライセンスの下で利用可能です。
詳細はこちらをご覧ください。