Qt Quick 示例和教程

Qt 包含了几个示例来演示特定的用法。这些示例作为应用程序或在 Qt Creator 中的非 GUI 示例运行。Qt 教程显示了逐步信息和提供特定代码段的洞察。

此页面列出了 Qt Qml 和 Qt Quick 示例，然而，许多其他 Qt 模块包含与其 QML API 相关的示例。

运行示例和演示

示例与 Qt 安装器打包，并通过 Qt Creator 访问。有关在 Qt Creator 中运行示例的更多信息，请访问构建和运行示例页面。

在 Qt Creator 的欢迎模式下打开并运行示例。大多数示例在各种平台上运行，要搜索特定平台的示例，请在搜索字段中输入平台名称（或任何关键词）。例如，在搜索字段中输入 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 物理和其他 Qt 模块的掷骰子应用程序
FX & Material Showroom	展示 Qt Quick 3D 材料和效果功能。此示例演示了如何在 Qt Quick 3D 中使用粒子效果和材料
Lightning Viewer	一个具有响应式 UI 的应用程序，通过结合 Qt Quick、Qt Location、Qt Positioning 和 Qt Websockets 实时显示地图上的闪电击中
OSM Buildings	OSM（OpenStreetMap）建筑地图数据的 3D 建筑查看器
Photo Surface	一个适用于触摸设备的 QML 应用，使用 Repeater 和 FolderListModel 访问文件夹中的内容，并使用 PinchHandler 处理获取内容的手势
Qt Quick 演示 - 时钟	一个 QML 时钟应用程序，演示了使用 ListView 类型来显示由 ListModel 生成的数据，并使用 SpringAnimation 类型来动画化图像
Qt Quick 演示 - RESTful API 客户端	创建 RESTful API QML 客户端的示例
Qt Quick 演示 - RSS 新闻	使用XmlListModel和XmlListModelRole自定义QML类型下载XML数据，ListModel和ListElement创建分类列表，以及使用ListView显示数据的QML RSS新闻阅读器
机器人手臂	演示了如何将C++后端添加到从Qt Design Studio创建的3D项目中。本例演示了将C++后端添加到Qt Design Studio中创建的3D项目。示例本身包含一个交互式工业机器人手臂Qt Quick 3D场景。用于控制机器人手臂的2D UI是由Qt Quick Controls实现的
相同游戏	由Kuniaki Moribe开发的经典拼图游戏的QML实现
StocQt	为100支股票定制的股票图表
恒温器	实现在家用恒温器中的用户界面，使用Qt Quick。它展示了如何创建可扩展的应用程序，从大桌面显示器到移动和小型嵌入式显示器
待办事项列表	待办事项列表应用程序的QML实现，演示了如何创建在任何平台上看起来都像是原生应用的应用程序

开发Qt Quick应用程序

以下页面显示了如何使用Qt Creator和Qt Quick开发Qt应用程序。页面演示了各种步骤，如用例和介绍性材料。有关Qt Quick应用程序和相关模块的更多信息，请访问QML应用程序页面。

开发环境

从QML和Qt Quick开始

用例

扩展QML

以下教程显示了如何使用Qt Qml模块结合和扩展基于QML的应用程序。

示例

示例是小型应用程序，展示如何实现各种Qt Quick功能。这些示例在不同的平台上运行，并且从Qt Creator中打开。

QML类型和控件

布局和视图

图像和图形

形状

键盘、焦点和触摸

系统和事件

场景图

使用本机3D API扩展场景图

向 QWidget 应用程序添加 Qt Quick 场景