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

NumberAnimationは、トラッキングする数値に不規則な変化がある場合、スムーズにアニメーションしないことがあります。その場合は、SmoothedAnimation 。

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

プロパティの説明

Item {
    states: [
        // ...
    ]

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