QML之Rectangle组件

最新推荐文章于 2025-04-17 19:54:35 发布

amos.yang

最新推荐文章于 2025-04-17 19:54:35 发布

阅读量2.1k

点赞数

分类专栏： Qt6权威指南文章标签： css html javascript

本文链接：https://blog.youkuaiyun.com/Y03977211367Y/article/details/122384993

版权

本文介绍了QML中的Rectangle组件，它用于绘制带边框的可填充矩形。Rectangle支持设置边框、圆角、颜色以及渐变效果。通过修改radius属性，可以创建圆形。此外，它还能实现透明色和作为其他组件边框的效果，通过gradient属性支持渐变色。了解这些特性，能更好地在QML项目中应用Rectangle。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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，否则默认不具有抗锯齿功能。该功能可以改善

最低0.47元/天解锁文章