当前位置:网站首页 > JavaScript核心编程 > 正文

《细说 QML》_qt qml教程

作者: 一去、二三里
QQ 技术交流群: 242790253
个人微信: iwaleon(加我微信,邀请入 500 人微信群)
微信公众号: 高效程序员

关于命名

在写本系列文章时,原想起一个“很屌”的名字,无奈语言匮乏,绞尽脑汁也想不出一个好点儿的,就凑合用这个吧 - 《细说 QML》。关于“细说”,新华词典中有记载:

细说 [xì shuō]:详细地解说,也叫“细谈”。

果然,不仅意美、音美、而且形更美,简直 perfect ❤️。后面,我们就朝着这个目标进发吧,尽可能让所有的文章详尽、透彻,即使刚入门的小白,也能让他看得懂,学的会!

在这里插入图片描述

系列说明

Qt 6 已经发布一段时间了,除了新的语法结构之外,工具链也逐步从 QMake 转向了 CMake,加上市面上很少有 Qt 6 的文章,因此我们的教程就基于该版本,跟上时代的步伐,一起去探索学习新特性吧!

本系列特色:

  • 全新的 QML
  • 基于 Qt6 + CMake
  • 清晰的思维导图(帮助快速记忆,更加易于学习)
  • 透彻的示例程序(图文并茂,每篇文章都有完整的示例源码,且解释详细)
  • 超全面的章节(涉及语法、常见元素、模型视图、画布与绘图、动画效果、粒子系统、着色器、多媒体、Web 开发、网络编程、JavaScript、C++ 交互等)

好了,从现在开始,我们将携手走进 QML 的世界。在这里,你不仅能够体验到 QML 的魅力,感受到编程的快乐,还可以顺便学习一门语言,成为一名合格的 Qter。

Ready, Let’s go go go !

资料大全

教程目录

漫谈 QML

  1. 初识 QML
  2. Qt Widgets、QML、Qt Quick 的区别
  3. 将 QML 与 Qt Widgets 相结合

环境搭建

  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 状态
  3. QML 动画框架
  4. QML 基本动画

模型视图

  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 !

最后的话

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

如果它可以给予你一定的引导,欢迎动一动手指,把它顶(赞)起来,同时分享给更多的 Qter。

当你成为 Qt 大佬时,最应该感谢的是自己,如果也顺便感谢一下本系列文章,那是我的福分,感激不尽!

版权声明


相关文章:

  • 09 JavaScript学习:对象2024-10-30 14:26:27
  • JavaScript基础(详细总结)2024-10-30 14:26:27
  • TypeScript实战——ChatGPT前端自适应手机端,PC端2024-10-30 14:26:27
  • 01 JavaScript学习 导读2024-10-30 14:26:27
  • TypeScript和JavaScript的区别_typescript和nodejs区别2024-10-30 14:26:27
  • React类组件与函数组件有什么异同2024-10-30 14:26:27
  • C/C++编程工具及实用小软件推荐2024-10-30 14:26:27
  • 史上最详细使用copliot AI保姆级教程来了_ai count2024-10-30 14:26:27
  • 不错的磁力网站2024-10-30 14:26:27
  • Smack核心机制浅析2024-10-30 14:26:27
  • 全屏图片