Qt Quick 示例与教程

Qt 包含若干示例，用于演示特定的用法。这些示例既可以作为应用程序运行，也可以作为非 GUI 示例运行，具体位于 Qt Creator 和 Qt Extension for Visual Studio Code中以非GUI示例的形式运行。Qt 教程提供了分步说明，并深入解析了具体的代码片段。

本页面列出了 Qt Qml 和 Qt Quick 示例，但许多其他Qt 模块也包含与其 Qml API 相关的示例。

运行示例和演示程序

这些示例已打包在Qt 安装程序中，可通过Qt Creator 和Qt Extension for Visual Studio Code 访问。有关运行示例的更多信息，请参阅：

在Qt Creator 或Qt Extension for Visual Studio Code 的“Welcome ”模式下打开并运行示例。大多数示例可在多种平台上运行；若要查找特定平台的示例，请在搜索框中输入平台名称（或任何关键词）。例如，在搜索框中输入mobile ，即可列出与移动平台完全兼容的示例。

要查看其他示例和教程，请访问Qt 示例和教程页面。

Qt Quick 演示程序

以下是一系列功能完整的演示应用程序。这些完整的应用程序展示了可部署的 Qt 应用程序是如何构建和组织的。其中许多演示应用程序均可部署到移动和桌面平台上。

Calqlatr	一款专为横屏和竖屏设备设计的计算器。它在用户界面中使用了Qt Quick 自定义组件和响应式布局，并在应用逻辑中采用了JavaScript
Car Configurator	一个汽车模型示例，演示了如何使用Qt Quick 3D 摄像头、扩展的场景环境以及Qt Quick 3D
Coffee Machine	一个采用基于状态的自定义用户界面的Qt Quick 应用程序
Dice	一个使用Qt Quick 3D Physics 及其他 Qt 模块的掷骰子应用程序
FX & Material Showroom	演示了Qt Quick 3D 的材质和特效功能。本示例演示了如何在Qt Quick 3D
Graphs with CSV Data	如何在中可视化CSV文件中的数据Qt Graphs
Lightning Viewer	通过结合Qt Quick 、Qt Location 、Qt Positioning 和Qt WebSockets，实现一个具有响应式用户界面的应用程序，可在地图上实时显示闪电落点
OSM Buildings	一个用于查看 OSM（OpenStreetMap）建筑地图数据的 3D 建筑查看器
Photo Surface	一款面向触控设备的 QML 应用，该应用使用带 FolderListModel 的 Repeater 访问文件夹中的内容，并使用 PinchHandler 处理对已获取内容的双指缩放手势
Qt Quick 3D - XR Physics-base teleportation demo	演示如何在Qt Quick 3D XR中实现受物理规律影响的移动效果
Qt Quick Demo - Clocks	一个 QML 时钟应用程序，演示了如何使用 ListView 类型显示由 ListModel 生成的数据，以及如何使用 SpringAnimation 类型对图像进行动画处理
Qt Quick Demo - RESTful API client	如何创建 RESTful API QML 客户端的示例
Qt Quick Demo - RSS News	一个 QML RSS 新闻阅读器，它使用 XmlListModel 和 XmlListModelRole 自定义 QML 类型下载 XML 数据，使用 ListModel 和 ListElement 创建分类列表，并使用 ListView 显示数据
Robot Arm	演示如何为 3D 项目添加 C++ 后端，来自Qt Design Studio
Same Game	由Kuniaki Moribe开发的热门益智游戏的QML实现
StocQt	一个可配置的100只股票行情图表
Thermostat	恒温器示例演示了如何根据窗口大小实现不同的设计
To Do List	一个待办事项列表应用程序的 QML 实现，演示了如何创建在任何平台上都看起来像原生应用的应用程序
Toy Customizer	一个 3D 定制示例，演示如何使用Qt Quick 3D

《Qt Quick 应用程序开发》

以下页面展示了如何使用 Qt Creator 和Qt Quick 开发Qt应用程序。这些页面演示了各种步骤，例如用例和入门资料。有关Qt Quick 应用程序及相关模块的更多信息，请访问QML应用程序页面。

开发环境

QML入门与Qt Quick

用例

扩展 QML

以下教程将演示如何使用 Qt Qml 模块，将基于 QML 的应用程序与 C++ 代码结合并进行扩展。

示例

示例是一系列小型应用程序，用于演示如何实现Qt Quick 的各种功能。这些示例可在多种平台上运行，并可通过Qt Creator 打开。

QML 类型与控件

布局与视图

图像与图形

形状

键盘、焦点和触控

系统和事件

场景图

使用原生 3D API 扩展场景图

在QWidget 应用程序中添加Qt Quick 场景

Qt Quick 适用于 Android

从 Qt 5 升级 Qt Qml 动态视图排序教程

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.