最全《细说 QML》(1)，2024年最新史上超级详细

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

环境搭建

1. Qt6 for Windows 环境搭建（MinGW）
2. Qt6 for Windows 环境搭建（MSVC）
3. Qt6 for Windows 环境搭建（Visual Studio）
4. Qt6 for Android 环境搭建
5. Qt6 for Android（HarmonyOS）真机调试

QML 基础

1. 创建 Qt Quick 项目
2. Hello, QML!
3. QML 语法基础
4. QML 运行环境
5. QML 使用资源系统
6. QML 静态值与属性绑定
7. QML 信号和信号处理器程序
8. QML 编码约定

QML 核心

1. QML 中的 5 大布局
2. QML 颜色表示法
3. QML 鼠标事件
4. QML 键盘事件
5. QML 定时器
6. QML 中的 z-order
7. QML 可重用组件
8. QML 单例组件
9. QML 国际化

基础元素

1. QML Rectangle 元素
2. QML Text 元素
3. QML Image 元素

模型视图

1. QML 模型视图
2. QML Repeater 重复器
3. QML ListView 列表视图
4. QML GridView 网格视图
5. QML Path 路径
6. QML PathView 路径视图

画布与绘图

1. QML Canvas 绘制基础形状
2. QML Canvas 绘制图像
3. QML Canvas 绘制文本
4. QML Canvas 渐变和阴影
5. QML Canvas 像素处理
6. QML Canvas 裁剪
7. QML Canvas 保存画布内容
8. QML Canvas 几何变换（平移/旋转/缩放）
9. QML Canvas 制作动画

数据存储

1. QML 保存用户配置
2. QML 数据库存储

网络编程

1. QML HTTP 请求
2. QML WebSocket 客户端
3. QML WebSocket 服务器

Web 开发

1. QML 创建 Web 混合应用
2. QML WebEngineView 调用 JavaScript
3. 利用 WebChannel 实现 QML 和 Web 双向通信
4. QML WebEngineView 全屏和退出

QML 与 C++ 交互

1. 将 C++ 对象嵌入到带有上下文属性的 QML 中
2. 在 C++ 中与 QML 对象交互
3. 将 C++ 对象暴露给 QML

文档与示例

文档，一个神奇的东西。六脉神剑的剑谱、独孤九剑的剑诀、辟邪剑谱的袈裟 … 无一例外，都是大佬的必备之物，有了这些文档，他们才可以独步于天下，笑傲于江湖！

所以呢，文档很重要，要想在编程的道路上有所升华，看文档是必须的。

QML 最好的文档就是 Qt Assistant（助手），里面包含了所有的 QML 相关类 API，以及各种示例。毫不夸张的说，它胜过所有的教程、老师、以及大佬们。为什么呢？其中原因，得等各位看懂了之后，有了体会感悟方能明白。

还有，很多人整天吼吼着要源码，岂不知最经典的就是 Qt 中自带的示例，既全面又详细。进入 Qt Creator，选择：欢迎 -> 示例，输入关键字“QML”，就会出现大量 QML 相关的示例。

希望各位看完之后能有所收获，Good luck – I’m rooting for you !

最后的话

如果觉得写得不错、认为对你有那么一丝丝帮助，可以把本系列文章珍藏起来。

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

获取](https://bbs.youkuaiyun.com/topics/618668825)**

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！