Gradient QML Type

グラデーション塗りつぶしを定義します。詳細...

• 継承されたメンバーを含む、すべてのメンバーの一覧

詳細な説明

グラデーションは、2色以上の色によって定義され、それらはシームレスにブレンドされます。

色は、GradientStop の子項目のセットとして指定され、各項目はグラデーション上の位置（0.0～1.0）と色を定義します。各GradientStop の位置は、position プロパティを設定することで定義され、色はcolor プロパティを使用して定義されます。

なお、このアイテムはグラデーションを視覚的に表現するものではありません。グラデーションを表示するには、グラデーションの使用をサポートするビジュアルアイテム（Rectangle など）を使用してください。

使用例

次の例では、赤から始まり、長方形の高さの 3 分の 1 の位置で黄色へと変化し、最後に緑で終わるグラデーションを持つ Rectangle アイテムを宣言しています。

Rectangle {
    width: 100; height: 100
    gradient: Gradient {
        GradientStop { position: 0.0; color: "red" }
        GradientStop { position: 0.33; color: "yellow" }
        GradientStop { position: 1.0; color: "green" }
    }
}

パフォーマンス

グラデーションの計算は、単色塗りつぶしや画像の使用に比べて計算負荷が高くなる場合があります。ユーザーインターフェース内の静的なアイテムに対してグラデーションを使用することを検討してください。

特定の Qt ライセンスの下で利用可能です。
詳細はこちら。