【QML】Rectangles的元素和性质

前言

学习自：B站【英文字幕】Qt quick（QML)技术解读 入门到熟练

初学qml，新建qml文件后，首先学习一下基本矩形Rectangles的常用元素和性质

使用可选边框绘制填充矩形

过程

首先命名id(不要与其他重名）

Rectangle{
        id:blueRec
}

颜色color，宽度width，高度height

color: "red"
width: 64
height: 64

 渐变色gradient(从上到下）

gradient: Gradient{
            GradientStop{position:0.0;color:"lightsteelblue"}
            GradientStop{position: 1.0;color: "blue"}
        }

 矩形旋转rotation（渐变从右到左）

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

 边框颜色和宽度

        border.color: "#000000"
        border.width: 7

 圆形角半径

radius: 20

 圆形角默认抗锯齿，没有圆形角时，默认不抗锯齿，移动时不要抗锯齿

手动改为不抗锯齿时

antialiasing: false

 锚位置在窗口居中

        anchors.centerIn: parent