----- Rectangle -----


https://doc.qt.io/qt-6.9/zh/qml-qtquick-rectangle.html

 属性 
import QtQuick
    
Rectangle {
    antialiasing: bool
        //抗锯齿,根据圆角自动启用
    
    //border
    border.color: color
    border.width: int
    border.pixelAligned: bool
        //按设备像素比例缩放后,渲染的边框将四舍五入为整数像素
        //禁用则允许小数值边框宽度
        //启用时,在开启抗锯齿时效果更好,默认 true
    
    //radius
    radius: real
    topLeftRadius: real
        //左上角半径,实验功能,未来可能会更改或删除
    topRightRadius: real
        //右上角半径,实验功能,未来可能会更改或删除
    bottomLeftRadius: real
        //左下角半径,实验功能,未来可能会更改或删除
    bottomRightRadius: real
        //右下角半径,实验功能,未来可能会更改或删除
    color: color
        //填充,渐变优先
    gradient: var
        //渐变填充
        gradient: Gradient {
            orientation: enumeration  //渐变方向
            orientation: Gradient.Vertical  //垂直,默认
            orientation: Gradient.Horizontal  //水平
            GradientStop { position: 0.0; color: "aqua" }
            GradientStop { position: 1.0; color: "teal" }
        }
}