Rectangle QML Type

Rectangle がアンチエイリアシングを使用するかどうかを決定するために使用されます。Antialiasingは、このプロパティのパフォーマンスへの影響に関する情報を提供します。

デフォルトは、半径を持つ Rectangle に対して true で、それ以外は false です。

矩形の境界線を描画する幅と色。

幅を 1 にすると細い線が描かれます。線を描かない場合は、幅 0 または透明色を使用します。

ボーダーは矩形の境界内にレンダリングされます。

pixelAligned がtrue の場合（デフォルト）、レンダリングされるボーダーの幅は、デバイスのピクセル比をスケーリングした後、整数ピクセルに丸められます。pixelAligned をfalse に設定すると、antialiasing が有効な場合に望ましい、端数のボーダー幅が可能になります。

このプロパティは、左下隅の描画に使用される半径を保持します。

bottomLeftRadiusが設定されていない場合、代わりにradius 。bottomLeftRadius がゼロの場合、コーナーはシャープになります。

このプロパティは Qt 6.7 で導入されました。

radius,topLeftRadius,topRightRadius,bottomRightRadiusも参照して ください。

このプロパティは、右下隅の描画に使用される半径を保持します。

bottomRightRadius が設定されていない場合、radius が代わりに使用されます。bottomRightRadius がゼロの場合、コーナーはシャープになります。

このプロパティは Qt 6.7 で導入されました。

radius,topLeftRadius,topRightRadius,bottomLeftRadiusも参照して ください。

このプロパティは、矩形を塗りつぶすために使用される色を保持します。

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

以下の例では、16 進表記と名前付きカラー表記で色を指定した矩形を示しています：

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

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

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

gradientも参照してください 。

矩形を塗りつぶすのに用いるグラデーション。

こ のプ ロパテ ィ では、 単純な垂直ま たは水平グラデ ィ ア ン ト を作成で き ます。その他のグラデーションは、矩形に回転を加えることで形成できます。

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

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

Rectangle {
    width: 80; height: 80
    gradient: Gradient {
        orientation: Gradient.Horizontal
        GradientStop { position: 0.0; color: "lightsteelblue" }
        GradientStop { position: 1.0; color: "blue" }
    }
}

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

このプロパティは、QGradient::Preset からのグラデーションプリセットも受け付けます。ただし、Rectangle は単純な垂直または水平グラデーションしかサポートしていないため、サポートされていない角度を持つプリセットは、最も近い表現に戻されることに注意してください。

Rectangle {
    width: 80; height: 80
    gradient: Gradient.NightFade
}

Rectangle {
    width: 80; height: 80
    gradient: "SunnyMorning"
}

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

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

こ のプ ロパテ ィ は、 丸みを帯びた矩形を描 く ために用い ら れ る 角の半径を保持 し ます。

radius が 0 でない場合、矩形は丸みを帯びた矩形として描かれ、そうでない場合は通常の矩形として描かれます。個々の角の半径を設定することもできます（下記参照）。これらの値は radius より優先されます。これらの値が設定されていない場合（undefined ）、代わりに radius が使用されます。

topLeftRadius,topRightRadius,bottomLeftRadius,bottomRightRadiusも参照 。

このプロパティは、左上隅の描画に使用される半径を保持します。

topLeftRadiusが設定されていない場合、radius が代わりに使用されます。topLeftRadius がゼロの場合、コーナーはシャープになります。

このプロパティは Qt 6.7 で導入されました。

radius,topRightRadius,bottomLeftRadius,bottomRightRadiusも参照して ください。

このプロパティは、右上隅の描画に使用される半径を保持します。

topRightRadiusが設定されていない場合、代わりにradius 。topRightRadius がゼロの場合、コーナーはシャープになります。

このプロパティは Qt 6.7 で導入されました。

radius,topLeftRadius,bottomLeftRadius,bottomRightRadiusも参照して ください。