QML学习笔记

QML学习笔记

  1. 在js中定义变量的属性要加关键字property。例如:property var name:“win”;

  2. 在qml中定义变量的地方
    QML学习笔记_第1张图片

  3. 数据类型转换;
    QML学习笔记_第2张图片

  4. 创建对象
    QML学习笔记_第3张图片

  5. 字符串操作;
    QML学习笔记_第4张图片

6.常用函数:

QML学习笔记_第5张图片

7.日期对象:

QML学习笔记_第6张图片
8.函数:
QML学习笔记_第7张图片
9.字符串与json格式间的变化

QML学习笔记_第8张图片
10.改动元素,查看效果

column为定位器
QML学习笔记_第9张图片QML学习笔记_第10张图片
QML学习笔记_第11张图片
11.属性:
QML学习笔记_第12张图片
12.信号与槽:

QML学习笔记_第13张图片
13.信号处理器:

QML学习笔记_第14张图片
QML学习笔记_第15张图片

14.信号处理器与槽的连接:

connect和connections方法都可以实现一个对象的信号对应多个槽的模式
QML学习笔记_第16张图片
connect方法实例:
QML学习笔记_第17张图片
connections方法实例:

QML学习笔记_第18张图片
15.界面基本元素:
QML学习笔记_第19张图片
QML学习笔记_第20张图片QML学习笔记_第21张图片

16.事件处理:

(1)鼠标事件:
QML学习笔记_第22张图片
QML学习笔记_第23张图片
(2)按键事件:(必须附着在Item对象上面)

QML学习笔记_第24张图片QML学习笔记_第25张图片
17.布局:

QML学习笔记_第26张图片

QML学习笔记_第27张图片

anchors是Item的一个属性:可以用来定位元素,我们称它为锚布局

QML学习笔记_第28张图片
在这里插入图片描述
QML学习笔记_第29张图片
QML学习笔记_第30张图片

qt学习资源:

QML学习笔记_第31张图片

你可能感兴趣的:(QML学习笔记)