Qt Quick 范例和教程

此页面列表 Qt QML and Qt Quick 范例,不管怎样,许多其它 Qt 模块 包含与 QML API 相关的范例。

运行范例和演示

范例被打包在 Qt 安装程序 并透过 Qt Creator 进行访问。有关以 Qt Creator 运行范例的更多信息,拜访 构建和运行范例 页面。

打开和运行范例在 Qt Creator 欢迎 模式。大多数范例可在各平台上运行且可搜索特定平台范例,在搜索字段中键入平台名称 (或任何关键字)。例如,键入 mobile 在搜索字段中,列表的范例完全兼容 mobile 平台。

要查看其它范例和教程,拜访 Qt 范例和教程 页面。

Qt Quick 演示

这里是功能齐全的演示应用程序的列表。它们是完整的应用程序,展示如何构建和结构可部署的 Qt 应用程序。许多演示可部署到移动和桌面平台。

Calqlatr A Qt Quick app designed for portrait devices that uses custom components, animated with AnimationController, and JavaScript for the application logic
咖啡机 具有基于状态的自定义用户界面的 Qt Quick 应用程序
照片表面 A QML app for touch devices that uses a Repeater with a FolderListModel to access content in a folder, and a PinchHandler to handle pinch gestures on the fetched content
Qt Quick 演示 - 时钟 QML 时钟应用程序演示使用 ListView 类型来显示生成数据通过 ListModel 和 SpringAnimation 类型来动画图像
Qt Quick Demo - RESTful Color Palette API client Example of how to create a RESTful API QML client
Qt Quick 演示 - RSS 新闻 A QML RSS news reader that uses XmlListModel and XmlListModelRole custom QML types to download XML data, ListModel and ListElement to create a category list, and ListView to display the data
Qt Quick 演示 - StocQt A configurable stock chart for the NASDAQ-100
Robot Arm Example Demonstrates how to add a C++ backend to a 3D project from Qt Design Studio. This example demonstrates adding a C++ backend to a 3D project created in Qt Design Studio. The example itself consists of an interactive industrial robot arm in a Qt Quick 3D scene. The 2D UI to control the robot arm is implement using Qt Quick Controls

开发 Qt Quick 应用程序

以下页面展示如何开发 Qt 应用程序使用 Qt Creator 和 Qt Quick。页面演示各步骤 (譬如:用例和介绍材料)。有关 Qt Quick 应用程序和相关模块的更多信息,拜访 QML 应用程序 页面。

开发环境

从 QML 和 Qt Quick 开始

使用案例

扩展 QML

The following tutorials show how a QML-based application can be combined and exteneded with C++ code using the Qt QML 模块。

范例

范例是展示如何实现各种 Qt Quick 特征的小型应用程序。范例可运行于各平台,且可从 Qt Creator 中打开。

QML 类型和控件

布局和视图

图像和图形

键盘、聚焦和触摸

系统和事件

场景图形

Adding Qt Quick scenes in QWidget applications