Qt Quick サンプルとチュートリアル

Qtには、特定の使い方を示すいくつかのサンプルがあります。サンプルはアプリケーションとして、またはQt Creator の非GUIサンプルとして実行されます。Qt チュートリアルは、ステップバイステップの情報を示し、特定のコードスニペットについての洞察を与えます。

このページでは Qt QmlQt Quickのサンプルを掲載していますが、他の多くのQt モジュールにもQML API に関連するサンプルがあります。

サンプルとデモの実行

サンプルはQt インストーラーに同梱されており、Qt Creator からアクセスできます。Qt Creator でサンプルを実行する方法について詳しくは、Building and Running an Exampleのページをご覧ください。

Qt CreatorWelcomeモードでサンプルを開いて実行してください。プラットフォーム固有のサンプルを検索するには、検索フィールドにプラットフォーム名(または任意のキーワード)を入力します。例えば、検索フィールドにmobile と入力すると、モバイル・プラットフォームと完全に互換性のあるサンプルがリストアップされます。

その他のサンプルやチュートリアルを見るには、Qt Examples And Tutorialsのページをご覧ください。

Qt Quick デモ

完全に機能するデモアプリケーションのリストです。これらは、デプロイ可能な Qt アプリケーションがどのように構築され、どのような構造になっているかを示す完全なアプリケーションです。デモの多くは、モバイルやデスクトッププラットフォームへのデプロイが可能です。

Calqlatr

カスタムコンポーネント、レスポンシブレイアウト、アプリケーションロジックに JavaScript を使用した、横向きと縦向きのデバイス用に設計されたQt Quick アプリ。

Car Configurator

Qt Quick 3Dカメラ、拡張シーン環境、Qt Quick 3Dを使用したカーモデルの例。

Coffee Machine

Qt Quick 、ステートベースのカスタム・ユーザー・インターフェースを備えたアプリケーション。

Dice

Qt Quick 3D Physics とその他の Qt モジュールを使用したサイコロ投げアプリケーション

FX & Material Showroom

Qt Quick 3Dのマテリアルとエフェクト機能のデモ。この例では、Qt Quick 3Dでパーティクルエフェクトとマテリアルをどのように使用できるかを示します。

Lightning Viewer

Qt Quick,Qt Location,Qt Positioning と Qt WebSockets を組み合わせて、地図上にリアルタイムで落雷を表示するレスポンシブ UI を持つアプリケーション。

OSM Buildings

OSM(OpenStreetMap)の建物地図データの3D建物ビューア

Photo Surface

FolderListModel と Repeater を使ってフォルダ内のコンテンツにアクセスし、PinchHandler を使って取得したコンテンツのピンチジェスチャーを処理する、タッチデバイス用の QML アプリ

Qt Quick 3D - XR Physics-base teleportation demo

Qt Quick 3D XR で物理演算を利用したロコモーションを作成する方法を説明します。

Qt Quick Demo - Clocks

ListView型を使ってListModelによって生成されたデータを表示し、SpringAnimation型を使って画像をアニメーションさせることを示すQML時計アプリケーション

Qt Quick Demo - RESTful API client

RESTful API QMLクライアントの作成例

Qt Quick Demo - RSS News

XmlListModelとXmlListModelRoleカスタムQML型を使用してXMLデータをダウンロードし、ListModelとListElementを使用してカテゴリリストを作成し、ListViewを使用してデータを表示するQML RSSニュースリーダー

Robot Arm

Qt Design Studioこの例では、Qt Design Studio で作成された 3D プロジェクトに C++ バックエンドを追加する方法を示します。この例自体は、Qt Quick 3Dシーン内のインタラクティブな産業用ロボットアームで構成されています。ロボットアームをコントロールするための2D UIは、Qt Quick Controlsを使って実装されています。

Same Game

森部邦明による人気パズルゲームのQML実装。

StocQt

100銘柄の設定可能な株価チャート

Thermostat

Qt Quick で実装された家庭用サーモスタットのユーザーインターフェイス。 大きなデスクトップディスプレイからモバイルや小さな組み込みディスプレイまで対応するレスポンシブなアプリケーションの作成方法を示しています。

To Do List

どのプラットフォームでもネイティブに見えるアプリケーションの作成方法を示す、To DoリストアプリケーションのQML実装

Qt Quick アプリケーションの開発

次のページでは、Qt アプリケーションの開発方法について説明します。 Qt CreatorQt Quick を使って Qt アプリケーションを開発する方法を紹介します。このページでは、使用例や入門資料など、さまざまなステップを示します。Qt Quick アプリケーションと関連モジュールの詳細については、QML アプリケーションのページをご覧ください。

QMLの拡張

以下のチュートリアルでは、QML ベースのアプリケーションを Qt Qmlモジュールを使って、QMLベースのアプリケーションをC++コードと組み合わせたり拡張したりする方法を紹介します。

例題

例題は、Qt Quick の様々な機能の実装方法を示す小さなアプリケーションです。サンプルは様々なプラットフォーム上で動作し、Qt Creator から開くことができます。

© 2025 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.