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
Coffee Machine A Qt Quick application with a state-based custom user interface
照片錶麵 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