QML中定位器和布局的区别
2016-03-12 10:45
781 查看
QML中有定位器,有布局。比如网格的,一个叫Grid一个叫GridLayout,那么他们的区别到底在哪里呢
布局管理器可以使用附加属性;
Layout.row
Layout.column
Layout.rowSpan
Layout.columnSpan
Layout.minimumWidth
Layout.minimumHeight
Layout.preferredWidth
Layout.preferredHeight
Layout.maximumWidth
Layout.maximumHeight
Layout.fillWidth
Layout.fillHeight
Layout.alignment
如果你有widget基础,就会发现了,其实他就是对它的内部布局进行管理,而定位器只能定位,并不能进行管理。
还是来看一段代码;
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("按钮一")
Layout.rowSpan: 3//请特别注意此行及以下两行代码
Layout.maximumWidth: 500
Layout.minimumWidth: 100
}
Button{
id:button2
text:qsTr("按钮二")
}
Button{
id:button3
text:qsTr("按钮三")
}
Button{
id:button4
text:qsTr("按钮四")
}
Button{
id:button5
text:qsTr("按钮五")
}
}
}
}
效果图:
对于其他的行和列布局也就不用赘述了,他们相当于水平和垂直布局管理器。
布局管理器可以使用附加属性;
Layout.row
Layout.column
Layout.rowSpan
Layout.columnSpan
Layout.minimumWidth
Layout.minimumHeight
Layout.preferredWidth
Layout.preferredHeight
Layout.maximumWidth
Layout.maximumHeight
Layout.fillWidth
Layout.fillHeight
Layout.alignment
如果你有widget基础,就会发现了,其实他就是对它的内部布局进行管理,而定位器只能定位,并不能进行管理。
还是来看一段代码;
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("按钮一")
Layout.rowSpan: 3//请特别注意此行及以下两行代码
Layout.maximumWidth: 500
Layout.minimumWidth: 100
}
Button{
id:button2
text:qsTr("按钮二")
}
Button{
id:button3
text:qsTr("按钮三")
}
Button{
id:button4
text:qsTr("按钮四")
}
Button{
id:button5
text:qsTr("按钮五")
}
}
}
}
效果图:
对于其他的行和列布局也就不用赘述了,他们相当于水平和垂直布局管理器。
相关文章推荐
- 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 学习小节