Qt Quick中布局管理

最新推荐文章于 2024-08-11 16:59:31 发布

xixihaha331

最新推荐文章于 2024-08-11 16:59:31 发布

阅读量779

点赞数

分类专栏： qt学习文章标签： qt

本文链接：https://blog.csdn.net/xixihaha331/article/details/70159336

版权

本文介绍了Qt Quick中的布局管理，包括Rectangle属性、Column、Row、Grid、Flow布局的使用，以及anchors和Layouts布局管理器的功能。通过示例代码展示了各种布局方式，详细解释了布局属性和效果。

摘要由CSDN通过智能技术生成

Rectangle
- 1Rectangle示例
布局管理

自己博客中的代码可以在https://github.com/xixihaha331/QT_Repository中获取

1.Rectangle

属性:id;text;color;width;height;
border.color 边框颜色
border.width边框宽度
opacity 透明度
radius 绘制圆形
gradient 渐变色

1.1Rectangle示例

import QtQuick 2.8
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Rectangle example")
    Item{
        Rectangle{
            width: 400
            height: 400
            border.color: "red"
            border.width: 3
            color: "green"
            opacity: 0.3
            radius: width/2
            gradient:Gradient{
                GradientStop{
                    position: 0.0
                    color: "green"
                }
                GradientStop{
                    position: 0.4
                    color: "yellow"
                }
                GradientStop{
                    position