您的位置:首页 > 编程语言 > Qt开发

QML中的GridLayout布局

2016-03-12 10:37 281 查看
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
我对行和列进行了指定,如果你不指定,那么你会发现所有的按钮都在同一行显示了,不仅仅影响美观,而且根本显示不下
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  QML QT