当前位置：首页 > article >正文

qml Rectangle详解

article 2025/3/9 8:32:23

1、概述

Rectangle是Qt Quick中的一个基础图形元素，用于在QML界面上绘制一个可带边框和可填充的矩形区域。它继承自Item类，因此具有Item的所有属性和功能，如位置、尺寸、变换等。通过Rectangle，可以创建各种矩形形状，包括填充矩形、边框矩形、圆角矩形等，是构建QML界面的重要组件之一。

2、重要属性

Rectangle具有多个重要属性，用于定义其外观和样式：

width 和 height：指定矩形的宽度和高度。
color：指定矩形的填充颜色。
border：包含border.color和border.width两个子属性，分别用于指定矩形的边框颜色和边框宽度。
radius：指定矩形的圆角半径，用于创建圆角矩形。在Qt 6.7及更高版本中，还支持分别设置四个角的圆角半径（bottomLeftRadius、bottomRightRadius、topLeftRadius、topRightRadius）。
gradient：指定矩形的渐变效果，如线性渐变、径向渐变等。渐变效果会覆盖纯色填充。
antialiasing：指定是否使用抗锯齿，默认为false。对于具有radius属性的Rectangle，如果开启了抗锯齿，矩形边缘会更加平滑。

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.14
import QtQuick.Controls 1.4

ApplicationWindow {
    width: 640
    height: 480
    visible: true
    title: qsTr("Rectangle Example")

    Rectangle {
        id: rect
        width: 100
        height: 100
        color: "lightsteelblue"
        radius: 10
        border.width: 2
        border.color: "blue"
        anchors.centerIn: parent // 使矩形在父元素中居中显示
    }
}