QML Rectangle矩形

1 简述

矩形（Rectangle）通常用作组件背景，支持设置纯色背景或渐变背景，还支持边框颜色和宽度设置；通过radius属性还可设置圆角。类比Ps的矩形属性。日常用法如下：

• Rectangle和Text、MouseArea组合实现一个按钮。
• 容器背景
• 分隔线

2 用法示例

2.1按钮实例

Rectangle {
    antialiasing : true //开启抗锯齿
    border.color : "red"
    border.width : 1
    color : "white"
    radius : height/2

    Text{
        anchors.centerIn: parent
        text: "保存"
        color:"red"
    }
}

2.2 渐变矩形

Rectangle {
    radius:5
    gradient: Gradient {
        GradientStop { position: 0.0; color: "#009bff" }
        GradientStop { position: 1.0; color: "#0afefe" }
    }
}

要使用支持方向控制的渐变，请查看线性渐变LinearGradient

3.属性

属性	类型	介绍
antialiasing	bool	抗锯齿开关，默认使用圆角默认开，反之关。因性能考虑
border.color	color	边框色（描边）
border.width	int	边框宽度
color	color	背景色（填充），默认白色
radius	real	圆角半径，默认为0
gradient	any	渐变