Qt Quick サンプルとチュートリアル
Qt には、特定の使い方を示すいくつかのサンプルがあります。サンプルはアプリケーションとして、またはQt Creator の非GUIサンプルとして実行されます。Qt チュートリアルは、ステップバイステップの情報を示し、特定のコードスニペットに対する洞察を与えます。
このページでは Qt Qmlと Qt Quickのサンプルを掲載していますが、他の多くのQt モジュールにもQML API に関連するサンプルがあります。
サンプルとデモの実行
サンプルはQt インストーラーに同梱されており、Qt Creator からアクセスできます。Qt Creator でサンプルを実行する方法について詳しくは、Building and Running an Exampleのページをご覧ください。
Qt Creator のWelcomeモードでサンプルを開いて実行してください。プラットフォーム固有のサンプルを検索するには、検索フィールドにプラットフォーム名（または任意のキーワード）を入力します。例えば、検索フィールドにmobile と入力すると、モバイル・プラットフォームと完全に互換性のあるサンプルがリストアップされます。
その他のサンプルやチュートリアルを見るには、Qt Examples And Tutorialsのページをご覧ください。
Qt Quick デモ
完全に機能するデモアプリケーションのリストです。これらは、デプロイ可能な Qt アプリケーションがどのように構築され、どのような構造になっているかを示す完全なアプリケーションです。デモの多くは、モバイルやデスクトッププラットフォームへのデプロイが可能です。
カスタムコンポーネント、レスポンシブレイアウト、アプリケーションロジックに JavaScript を使用した、横向きと縦向きのデバイス用に設計されたQt Quick アプリ。 | |
Qt Quick 3D カメラ、拡張シーン環境、 を使用した自動車モデルの例。Qt Quick 3D | |
ステートベースのカスタムユーザーインターフェースを持つQt Quick アプリケーション | |
Qt Quick 3D Physics とその他の Qt モジュールを使用したサイコロ投げアプリケーション | |
Qt Quick 3D のマテリアルとエフェクト機能をデモします。 この例では、パーティクルエフェクトとマテリアルをどのように使用できるかをデモします。Qt Quick 3D | |
Qt Quick,Qt Location,Qt Positioning と Qt WebSocket を組み合わせた、地図上に落雷をリアルタイムで表示するレスポンシブ UI アプリケーション | |
OSM(OpenStreetMap)の建物地図データの3D建物ビューア | |
FolderListModel と Repeater を使ってフォルダ内のコンテンツにアクセスし、PinchHandler を使って取得したコンテンツのピンチジェスチャーを処理する、タッチデバイス用の QML アプリ | |
Qt Quick 3D XR で物理演算を利用したロコモーションを作成する方法を説明します。 | |
ListView型を使ってListModelによって生成されたデータを表示し、SpringAnimation型を使って画像をアニメーションさせることを示すQML時計アプリケーション | |
RESTful API QMLクライアントの作成例 | |
XmlListModelとXmlListModelRoleカスタムQML型を使用してXMLデータをダウンロードし、ListModelとListElementを使用してカテゴリリストを作成し、ListViewを使用してデータを表示するQML RSSニュースリーダー | |
から3DプロジェクトにC++バックエンドを追加する方法を示します。Qt Design Studio | |
森部邦明氏による人気パズルゲームのQML実装 | |
100銘柄の設定可能な株価チャート | |
Qt Quick で実装された家庭用サーモスタットのユーザーインターフェイス。 大きなデスクトップディスプレイからモバイルや小さな組み込みディスプレイまで拡張可能なレスポンシブアプリケーションを作成する方法を示します。 | |
ToDoリストアプリケーションのQML実装。どのプラットフォームでもネイティブに見えるアプリケーションの作成方法を示しています。 |
Qt Quick アプリケーションの開発
次のページでは、Qt Creator とQt Quick を使って Qt アプリケーションを開発する方法を紹介します。このページでは、ユースケースや入門資料など、さまざまな手順を示します。Qt Quick アプリケーションと関連モジュールの詳細については、QML アプリケーションのページをご覧ください。
開発環境
- Qt Quick プロジェクトの作成
- プラグインを使ったQMLモジュールの使用
QMLと始めるQt Quick
QMLの拡張
以下のチュートリアルでは、QML ベースのアプリケーションを Qt Qmlモジュールを使って、QMLベースのアプリケーションをC++コードと組み合わせたり拡張したりする方法を紹介します。
例題
例題は、Qt Quick の様々な機能の実装方法を示す小さなアプリケーションです。サンプルは様々なプラットフォーム上で動作し、Qt Creator から開くことができます。
QMLの型とコントロール
キーボード、フォーカス、タッチ
システムとイベント
ネイティブ3D APIを使用したシーングラフの拡張
QWidget アプリケーションにQt Quick シーンを追加する
© 2026 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.
