Qt Quick 入门

什么是Qt Quick

Qt提供的一种高级界面工具包
标记性语言QML+标准库
QML == ECMAScript +Qt Objct System
Qt Creator 对Qt Quick的支持、Qt Quick设计器、qmlscene

Qt是基于Opengl渲染的

Qt Quick优点

跨平台
基于OpenGL，渲染高效，图形效果丰富
Qt Quick Controls丰富的控件
易于定制(Styles)
易于扩展（create new tyes && Controls）
QML与C++混合编程

Qt Quick文件目录结构

参考资料

《Qt Quick核心编程》《JavaScript for Qt Quick》视频教程

Qt Quick信号与槽

信号

信号
属性变化信号

信号处理器

on< Signal>
on< Property>Changed

信号与槽的链接

信号处理器

1、onClick:doSomething()
2、connect
Component.onCompleted: {
xxx.clicked.connect(dosomething);
}
3、Connections
Connections{
target: xxx;
on:function or code block
}

常见元素

Window/ApplicationWindow

Item

处理鼠标和键盘事件

事件

1、MouseArea
acceptedButtons
clicked
doubleClicked
pressed
released
MouseEvent
2、Keys
enterPressed/returnPressed
pressed/released
leftPressed/rightPressed/upPressed/downPressed
digit[0-9]Pressed
spacePressed/deletePressed/escapePressed
KeyEvent

Qt中的anchors布局

布局

1、绝对布局
2、anchors
3、定位器（Row、Column、Grid、Flow）
4、布局管理器（GridLayout、RowLayout、ColumnLayout）

anchors是相对布局