QML中的GridLayout布局_qml gridlayout 对rectange 布局

GridLayout是一个网格布局，真的是无需多说。

来看一个示例；

import QtQuick 2.3
import QtQuick.Window 2.2
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.1
 
Window {
    visible: true
    Rectangle{
        GridLayout{
            columns: 3
            rows:3
 
            anchors.fill: parent
            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("按钮五")
 
 
            }
 
        }
 
 
    }
}
 

效果图如下；

但是这类唯一要注意的就是这样的代码；

columns:3

rows:3

我对行和列进行了指定，如果你不指定，那么你会发现所有的按钮都在同一行显示了，不仅仅影响美观，而且根本显示不下