Rectangle QML Type

角を丸めるかどうかを指定して、塗りつぶされた長方形を描画します。詳細...

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

プロパティ

• color : color
• gradient : Gradient (since Qt Quick Ultralite 2.7)
• radius : real

詳細説明

「長方形」アイテムは、領域を単色またはグラデーションで塗りつぶすために使用されます。

外観

各「Rectangle」アイテムは、color プロパティで指定された単色、またはGradient タイプで定義され、gradient プロパティで設定されたグラデーションを使用して描画されます。色とグラデーションの両方が指定されている場合は、グラデーションが使用されます。

また、radius プロパティを使用して、角が丸い矩形を作成することもできます。

使用例

次の例は、Rectangle アイテムを示しています。この例では、角が丸い正方形を作成するために使用されています。

import QtQuick 2.15

Rectangle {
    width: 100
    height: 100
    color: "red"
    radius: 10
}

「Image」も参照してください 。

プロパティのドキュメント

color : color

このプロパティは、長方形の塗りつぶしに使用される色を指定します。

デフォルトの色は白です。

次の例は、16進数表記および色名表記を使用して色が指定された矩形を示しています。

Rectangle {
    color: "#00B000"
    width: 80; height: 80
}

Rectangle {
    color: "steelblue"
    y: 100; width: 80; height: 80
}

gradient : Gradient [since Qt Quick Ultralite 2.7]

長方形を塗りつぶす際に使用するグラデーション。

このプロパティを使用すると、単純な縦方向または横方向のグラデーションを作成できます。

Rectangle {
    y: 0; width: 80; height: 80
    color: "lightsteelblue"
}

Rectangle {
    y: 100; width: 80; height: 80
    gradient: Gradient {
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

Rectangle {
    y: 200; width: 80; height: 80
    rotation: 90
    gradient: Gradient {
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

グラデーションと色の両方が指定された場合、グラデーションが使用されます。

このプロパティは、Qt Quick Ultralite 2.7で導入されました。

「 color 」および「Gradient 」も参照してください 。

radius : real

このプロパティは、角が丸い長方形を描画する際に使用される角の半径を保持します。

radius が 0 以外の場合、矩形は角丸矩形として描画され、0 の場合は通常の矩形として描画されます。4 つの角すべてに同じ半径が使用されます。現時点では、角ごとに異なる半径を指定する方法はありません。

特定の Qt ライセンスの下で利用可能です。
詳細はこちらをご覧ください。