Gradient QML Type

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

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

詳細説明

グラデーションは、シームレスにブレンドされる2色以上の色で定義されます。

色は、GradientStop の子アイテムのセットとして指定されます。各アイテムは、0.0 から 1.0 までのグラデーション上の位置と色を定義します。それぞれのGradientStop の位置は、そのposition プロパティを設定することで定義されます。その色は、そのcolor プロパティを使用して定義されます。

この項目はグラデーションの視覚的表現ではないことに注意してください。グラデーションを表示するには、グラデーションの使用をサポートしているビジュアル・アイテム（Rectangle など）を使用してください。

使用例

次の例では、赤から始まり、矩形の高さの 1/3 の位置で黄色にブレンドされ、緑で終わるグラデーションを持つ 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" }
    }
}

パフォーマンス

グラデーションを計算するのは、ベタ塗りや画像を使用するのに比べて計算コストがかかります。ユーザーインターフェースの静的なアイテムにグラデーションを使用することを検討してください。

詳細はこちらをご覧ください。