NumberAnimation QML Type

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

• 継承されたメンバを含む、すべてのメンバのリスト

プロパティ

• from : real
• to : real

詳細説明

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

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

import QtQuick

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

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

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

NumberAnimationは、トラッキングする数値に不規則な変化がある場合、スムーズにアニメーションしないことがあります。このような場合は、代わりにSmoothedAnimation を使用してください。

アニメーションとトランジション in Qt Quick」、「Qt Quick Examples - Animation」も参照して ください。

プロパティの説明

Item {
    states: [
        // ...
    ]

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