QTQML5.14.2入门学习

QML是一种描述性脚本语言（Qt MetaLanguage），支持JavaScript形式编程，文件以.qml结尾，是QtQuick的核心组件之一（QtQuick是Qt的UI工具集合，包含视觉类型、动画、模型、视图、粒子效果和着色效果等）。使用QML语言能够轻松构建高效美观的人机交互程序。

学习内容

了解QML的原理，学习并掌握QML基本语法，数据类型等；
掌握使用QtCreator创建QML项目的过程；
了解QtQuick常用组件的使用（layout、control、windows、models…）；
列出QtQuick1及QtQuick2不同版本的控件的差异；
懂得使用style进行基础组件的样式调整；
使用QtQuick基础组件实现一套标准化的组件库（需要包含基础组件，如Button/TextField/Card…等），可参考现有Web前端UI组件库，从中选取几类常用组件进行模仿设计；

注意

QML支持javascript的大部分语法，而ES6在新版5.12或以上版本中，部分语法特性也得到了支持，但为了向下兼容其他项目程序，在使用QML编写界面时，涉及到js编程的部分，请尽量使用原生语法来实现，如js es6中的箭头函数=>，改用传统方式书写function()；

参考文档

• https://doc-snapshots.qt.io/qt5-5.14/qtqml-index.html
• http://c.biancheng.net/view/1818.html
• QML入门教程：https://blog.csdn.net/qq_40194498/article/details/79849807
• QML Material UI库：https://github.com/papyros/qml-material.git
• QML组件库集合：https://awesomeopensource.com/project/mikalv/awesome-qt-qml