QML中Rectangle的用法和属性

2019-9-20 08:53| 发布者: admin| 查看: 856| 评论: 0

摘要: 盒子模型也是QML的特点之一。这里最值得一提的还是Rectangle这个item，因为他的用处很广泛。他可以用来对某个区域进行操作和绘制。比如你要在特定的地方指定接收鼠标单击事件，或者某个地方显示特定的颜色。简单看一 ...

盒子模型也是QML的特点之一。这里最值得一提的还是Rectangle这个item，因为他的用处很广泛。他可以用来对某个区域进行操作和绘制。比如你要在特定的地方指定接收鼠标单击事件，或者某个地方显示特定的颜色。

简单看一看Rectangle的一些属性。
import QtQuick 2.3import QtQuick.Window 2.2Window { visible: true Rectangle{ x:10//这里的坐标是相对于它的父窗口 y:10 width: 100; height: 100;//一定要指定出大小才能显示 visible: true antialiasing: true;//抗锯齿，默认就是开启的 border.width: 10; border.color: "red";//边框的一些属性 color: "blue"//内部的颜色 gradient: Gradient{//颜色渐变 GradientStop {position: 0.0; color: "lightsteelblue" } GradientStop { position: 1.0; color: "blue" } } radius: 10;//圆角 clip:true//如果他的子类超出了范围，那么就剪切掉，不让他显示和起作用 Rectangle{ id:son x:50; y:50; width: 300; height: 100; color: "gray"; }
}
}

针对clip属性做特殊说明：

Clip属性设置为clip:true的效果：

子类是不是被切割了呢。

再看一下设置为clip:false的情况：

之前博客写的，但是这里没有。之前的代码是5.8的环境，所有代码展示在这里，都确保用5.13运行并无错误。

温馨提示

如果你喜欢本文，请分享到朋友圈，想要获得更多信息，请关注我。

----------------------------------------------------------------------------------------------------------------------
我们尊重原创，也注重分享，文章来源于微信公众号：Qt编程，建议关注公众号查看原文。如若侵权请联系qter@qter.org。
----------------------------------------------------------------------------------------------------------------------

鲜花

握手

雷人

路过

鸡蛋

收藏分享邀请

帐号		自动登录	找回密码
密码			立即注册

账号		自动登录	找回密码
密码			立即注册