Qt Quick 范例和教程

Qt includes several examples to demonstrate a particular usage. The examples run as applications or as non-GUI examples in Qt Creator. Qt tutorials show the step-by-step information and give insight to particular code snippets.

此页面列表 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 landscape and portrait devices that uses custom components, responsive layouts, and JavaScript for the application logic

汽车配置器

A car model example that demonstrates using Qt Quick 3D cameras, extended scene environment and Qt Quick 3D

咖啡机

具有基于状态的自定义用户界面的 Qt Quick 应用程序

Dice

A dice throwing application using Qt Quick 3D Physics and other Qt Modules

FX & 材质展厅

Demonstrates material and effects capabilities of Qt Quick 3D. This example demonstrates how you can use particle effects and materials in Qt Quick 3D

Lightning Viewer

An application with a responsive UI showing lightning strikes on a map in real-time by combining Qt Quick, Qt Location, Qt Positioning and Qt Websockets

OSM Buildings

A 3D building viewer of OSM (OpenStreetMap) buildings map data

照片表面

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 演示 - RESTful API 客户端

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

机器臂

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

相同游戏

A QML implementation of the popular puzzle game by Kuniaki Moribe

StocQt

A configurable stock chart for 100 stocks

Thermostat

A user interface for a home thermostat, implemented in Qt Quick. It demonstrates how to create responsive applications that scale from large desktop displays to mobile and small embedded displays

待办列表

A QML implementation of to do list application that demonstrates how to create application thats looks native on any platform

开发 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 类型和控件

布局和视图

图像和图形

形状

键盘、聚焦和触摸

系统和事件

场景图形

Extending the Scene Graph using native 3D APIs

Adding Qt Quick scenes in QWidget applications