C

矩形QML类型

以可选圆角绘制填充矩形。 更多...

导入语句import QtQuick
自从Qt Quick Ultralite 1.0
继承

Item

属性

详细描述

矩形控件用于使用纯色或渐变填充区域。

外观

每个矩形控件都使用color属性指定的纯色填充，或使用Gradient类型定义的渐变填充，该渐变通过gradient属性设置。如果同时指定了颜色和渐变，则使用渐变。

您还可以使用radius属性创建圆角矩形。

示例用法

以下示例展示了矩形控件，在本例中用于创建一个带有圆角的正方形。

import QtQuick 2.15

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

另请参阅Image.

属性文档

color : color

此属性保存用于填充矩形的颜色。

默认颜色为白色。

以下示例显示了使用十六进制和颜色名指定的颜色设置的矩形

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

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


[自 Qt Quick Ultralite 2.7] gradient : Gradient

用于填充矩形的渐变。

此属性允许构建简单的垂直或水平渐变。

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

此属性保存用于绘制圆角矩形的圆角半径。

如果半径不为零，矩形将被绘制为圆角矩形；否则，它将被绘制为正常矩形。所有四个角使用相同的半径；目前尚无法指定不同角落的不同半径。


在特定Qt许可证下可用。
了解更多。