QtQuick学习笔记之QML布局定位器Row/Column/Grid/Flow
来源:互联网 发布:崖山之后无中国 知乎 编辑:程序博客网 时间:2024/05/29 16:32
记录Qtquick核心编程学习内容:
组件ColorPicker在前面章节写了 http://blog.csdn.net/xuqiang918/article/details/51672479 的ColorPicker.qml中
import QtQuick 2.5
import QtQuick.Controls 1.4
Rectangle
{
id:root;
color:"#EEEEEE";
width:400;
height:300;
Text {
id:colorText;
text: "Hello world";
anchors.centerIn: parent;
font:{bold:true; pixelSize:24}
}
function setTextColor(clr) {
colorText.color = clr;
}
Row {
anchors.left: parent.left;
anchors.leftMargin: 10;
anchors.bottom: parent.bottom;
anchors.bottomMargin: 10;
spacing: 4;
ColorPicker {
color:Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
onColorPicked: {
setTextColor(clr);
}
}
ColorPicker {
color:Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
onColorPicked: {
setTextColor(clr);
}
}
ColorPicker {
color:Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
onColorPicked: {
setTextColor(clr);
}
}
ColorPicker {
color:Qt.rgba(Math.random(), Math.random(), Math.random(), 1.0);
onColorPicked: {
setTextColor(clr);
}
}
}
}
Row和Column类似:都有spacing代表Item元素间隔距离, 都有add 、move、populate等属性
Grid无非多了这些属性:
rows: 3;
columns: 3;
rowSpacing: 4;
columnSpacing: 4;
Flow和Grid差不多,只是它自身会计算每个Item的大小再作相应的调整:
有sapcing 属性
0 0
- QtQuick学习笔记之QML布局定位器Row/Column/Grid/Flow
- QML之Row水平定位器
- QML之Column垂直定位器
- QML之Grid网格定位器
- QtQuick学习笔记之QML自定义信号
- QtQuick学习笔记之QML鼠标事件
- QtQuick学习笔记之QML定时器Timer
- QML中的Flow定位器
- qml学习-------------row布局
- QML中Grid定位器
- QtQuick学习笔记之QML键盘Keys事件
- QtQuick学习笔记之QML文件定义组件Component
- QtQuick学习笔记(二)QML基本语法
- qml学习----------Flow(流式布局)
- QML之Flow流式布局
- QML 入门与 QtQuick 学习路线之前言
- qml学习------------Grid(网格布局)
- QML中定位器和布局的区别
- SQL SERVER 2012、2014网络配置
- Bootstrap学习(一)
- <Fragment>的学习
- LED显示屏
- 【转】Qt中的QString,QByteArray,Qchar, char*
- QtQuick学习笔记之QML布局定位器Row/Column/Grid/Flow
- JVM内存区域划分Eden Space、Survivor Space、Tenured Gen,Perm Gen解释
- log4j配置xml详解
- 如何将数据库引擎配置为侦听多个 TCP 端口
- Jimoshi_Struts2 框架学习(三)--valueStack和ognl、struts2验证、struts2文件上传和下载
- Docker
- 新手的MFC对话框背景图添加与自适应缩放
- 虚拟机配置及问题的解决
- 三题基础题,来测测基础吧