ColorAnimation QML Type

色値の変化をアニメーション化する。もっと詳しく...

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

プロパティ

• from : color
• to : color

詳細説明

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

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

import QtQuick

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

    ColorAnimation on color { to: "yellow"; duration: 1000 }
}

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

便宜上、ColorAnimation がTransition で使用されると、状態変更中に変更されたcolor プロパティがアニメートされます。アニメーションにproperty またはproperties が明示的に設定されている場合は、それらのプロパティが代わりに使用されます。

Qt Quick のアニメーションとトランジション」および「Qt Quick の例 - アニメーション」も参照してください 。

プロパティの説明

Item {
    states: [
        // States are defined here...
    ]

    transitions: Transition {
        ColorAnimation { from: "#c0c0c0"; duration: 2000 }
    }
}