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 安裝程序 and are accessed through Qt Creator. For more information about running examples in Qt Creator, see Qt Creator:教程:構建並運行 .

Open and run examples in the Qt Creator 歡迎 模式。大多數範例可在各平颱上運行且可搜索特定平颱範例,在搜索字段中鍵入平颱名稱 (或任何關鍵字)。例如,鍵入 mobile 在搜索字段中,列錶的範例完全兼容 mobile 平颱。

要查看其它範例和教程,拜訪 Qt 範例和教程 頁麵。

Qt Quick 演示

這裏是功能齊全的演示應用程序的列錶。它們是完整的應用程序,展示如何構建和結構可部署的 Qt 應用程序。許多演示可部署到移動和桌麵平颱。

Calqlatr

A calculator designed for landscape and portrait devices. It uses Qt Quick custom components and responsive layouts for the user interface, 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

Graphs with CSV Data

How to visualize data from a CSV file in Qt Graphs

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 3D - XR Physics-base teleportation demo

Demonstrates how to make physics-affected locomotion in Qt Quick 3D XR

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

QtJenny: Generating C++ proxy classes to access Android APIs

Demo showcasing the use of QtJenny

機器臂

Demonstrates how to add a C++ backend to a 3D project from Qt Design Studio

相同遊戲

A QML implementation of the popular puzzle game by Kuniaki Moribe

StocQt

A configurable stock chart for 100 stocks

Thermostat

Thermostat example demonstrates how to implement different designs depending on the window size

待辦列錶

A QML implementation of a to-do list application that demonstrates how to create an 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

添加 Qt Quick 場景在 QWidget 應用程序

Qt Quick for Android