QML中Grid定位器

最新推荐文章于 2022-06-29 10:21:45 发布

炫彩灵感

最新推荐文章于 2022-06-29 10:21:45 发布

阅读量891

点赞数

文章标签： QML QT

本文链接：https://blog.csdn.net/xuancailinggan/article/details/50864121

版权

本文介绍了QML中的Grid布局，展示了如何通过设置rows和columns属性实现网格布局，并通过示例说明了在特定场景下如何调整布局以适应元素数量。

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

它是一种网格布局，和其它布局一样Grid布局也有add、flow之类的属性。

看一个示例：

import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.4

Window {
    visible: true
    Grid{
        anchors.fill: parent
        rows:2
        columns: 3
        horizontalItemAlignment:Grid.AlignHCenter
        verticalItemAlignment: Grid.AlignVCenter
        flow:Qt.LeftToRight
    Button{
    id:button1
    text:qsTr("按钮一")
    }
    Button{
    id:button2
    text:qsTr("按钮二")
    }
    Button{
    id:button3
    text:qsTr("按钮三")
    }
    Button{
    id:button4
    text:qsTr("按钮四")
    }
    Button{
    id:button5
    text:qsTr("按钮五")
    }

    }
}

效果图：