一、描述

Rectangle 继承自 Item 。增加了填充区域和矩形边框。

二、属性成员

1、antialiasing : bool

Rectangle 是否使用抗锯齿。

对于具有 radius 属性的 Rectangle，默认值为 true，否则为 false。

2、border group（边框组）

border.color : color

border.width : int

用于绘制矩形边框的宽度和颜色。边框在矩形的边界范围内呈现。

如果使用锚点，矩形边框的宽度不会影响矩形本身的几何形状或其相对于其他项目的位置。

3、color : color

此属性保存用于填充矩形的颜色。默认颜色为白色。

如果同时指定了渐变和颜色，则将使用渐变。

4、gradient : any

用于填充矩形的渐变。

Window
{
    id:root;
    visible: true;
    width: 500;
    height: 500;

    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" }
        }
    }
}

该属性还接受来自 QGradient::Preset 的渐变预设。

Window
{
    id:root;
    visible: true;
    width: 500;
    height: 500;

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

    Rectangle
    {
        y: 100; width: 80; height: 80
        gradient: "NightFade"
    }
}

 

5、radius : real

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

如果半径不为零，则矩形将绘制为圆角矩形，否则将绘制为普通矩形。

所有 4 个角都使用相同的半径。