QML之Rectangle组件

Rectangle

QML提供了很多基础的图形化组件，比如Rectangle、Text、Image、TextInput、TextEdit、Shape等，它们都继承于根组件Item。使用它们需要导入QtQuick模块：import QtQuick。

Rectangle用于绘制带可选边框的可填充的矩形。下面是一个比较简单的Rectangle用法：

import QtQuick

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

这样我们就创建出了一个长宽均为100的红色矩形。

现在我们为该矩形增加边框和圆角效果：

import QtQuick

Rectangle {
    width: 100
    height: 100
    color: "red"
    border.color: "black"
    border.width: 5
    radius: 10
}

效果如下：

 

对于圆角矩形，该组件默认开启了抗锯齿的功能，即antialiasing属性为true，否则默认不具有抗锯齿功能。该功能可以改善圆角矩形的外观