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
我对行和列进行了指定,如果你不指定,那么你会发现所有的按钮都在同一行显示了,不仅仅影响美观,而且根本显示不下
来看一个示例;
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
我对行和列进行了指定,如果你不指定,那么你会发现所有的按钮都在同一行显示了,不仅仅影响美观,而且根本显示不下
相关文章推荐
- QT学习 第一章:基本对话框
- 使用Shiboken为C++和Qt库创建Python绑定
- Qt 5.6更新至RC版,最终版本近在咫尺
- Qt定时器和随机数详解
- Qt实现图片移动实例(图文教程)
- Qt for Android开发实例教程
- QModelIndex/Role/Model介紹<二>
- QML的import目录爬坑记录
- 基于PyQt5的快速开发框架QFramer
- OSX下安装PyQt
- ok6410开发板移植DirectFB手记
- 【笔记】给Qt内嵌一个Chrome吧
- 【算法】最短路径之A*搜索
- qt入门必备
- 在 Qt4 中使用 C++11
- Hello Word ~ v0.2.2 背单词软件发布 -- By WHYPRO
- ubuntu下opencv和qt的安装配置
- linux下opengl的安装(with qt)
- qt 学习小节