Qt Quick サンプルとチュートリアル
Qt には、特定の使い方を示すためのサンプルがいくつか含まれています。これらのサンプルは、アプリケーションとして、あるいは非 GUI サンプルとして実行されます。 Qt Creator および Qt Extension for Visual Studio Codeで実行されます。Qtのチュートリアルでは、手順ごとの情報を示し、特定のコードスニペットについて解説しています。
このページでは、以下の Qt Qml および Qt Quick のサンプルを一覧表示していますが、他にも多くのQtモジュールには、それぞれのQml APIに関連するサンプルが含まれています。
サンプルとデモの実行
サンプルはQt インストーラに同梱されており、Qt Creator およびQt Extension for Visual Studio Code からアクセスできます。サンプルの実行に関する詳細については、以下を参照してください：
Qt Creator またはQt Extension for Visual Studio Code の「Welcome 」モードでサンプルを開いて実行します。ほとんどのサンプルはさまざまなプラットフォームで動作します。プラットフォーム固有のサンプルを検索するには、検索フィールドにプラットフォーム名（または任意のキーワード）を入力してください。たとえば、検索フィールドに「mobile 」と入力すると、モバイルプラットフォームと完全に互換性のあるサンプルが一覧表示されます。
その他のサンプルやチュートリアルをご覧になるには、Qtの「サンプルとチュートリアル」ページにアクセスしてください。
Qt Quick デモ
以下は、完全に機能するデモアプリケーションの一覧です。これらは、デプロイ可能な Qt アプリケーションがどのように構築され、構成されているかを示す完全なアプリケーションです。多くのデモは、モバイルおよびデスクトッププラットフォームにデプロイ可能です。
横向きおよび縦向きのデバイス向けに設計された電卓です。ユーザーインターフェースにはQt Quick のカスタムコンポーネントとレスポンシブレイアウトを、アプリケーションロジックにはJavaScriptを使用しています。 | |
Qt Quick の3Dカメラ、拡張シーン環境、およびQt Quick 3Dの使用を実演する自動車モデルのサンプルです。 | |
状態ベースのカスタムユーザーインターフェースを備えたQt Quick アプリケーション | |
Qt Quick 3D Physics およびその他の Qt モジュールを使用したサイコロを振るアプリケーション | |
Qt Quick 3Dのマテリアルおよびエフェクト機能を実演します。この例では、Qt Quick 3Dでパーティクルエフェクトやマテリアルをどのように使用できるかを示しています | |
CSVファイルのデータを可視化する方法Qt Graphs | |
Qt Quick Qt Positioning 、 、 、および Qt WebSockets を組み合わせて、地図上の落雷をリアルタイムで表示する、レスポンシブな UI を備えたアプリケーションQt Location | |
OSM（OpenStreetMap）の建物マップデータ用の3Dビューア | |
タッチデバイス向けのQMLアプリ。FolderListModelを備えたRepeaterを使用してフォルダ内のコンテンツにアクセスし、PinchHandlerを使用して取得したコンテンツに対するピンチジェスチャーを処理する | |
Qt Quick の3D XRで、物理演算の影響を受ける移動を実現する方法を解説 | |
ListModelによって生成されたデータを表示するためにListView型を使用し、画像をアニメーション化するためにSpringAnimation型を使用する方法を示すQML時計アプリケーション | |
RESTful APIのQMLクライアントを作成する方法の例 | |
XmlListModelおよびXmlListModelRoleというカスタムQML型を使用してXMLデータをダウンロードし、ListModelとListElementを使用してカテゴリリストを作成し、ListViewを使用してデータを表示するQML RSSニュースリーダー | |
3DプロジェクトにC++バックエンドを追加する方法を解説Qt Design Studio | |
森部邦明氏による人気パズルゲームのQML実装 | |
100銘柄に対応した設定可能な株価チャート | |
ウィンドウサイズに応じて異なるデザインを実装する方法を示すサーモスタットの例 | |
あらゆるプラットフォームでネイティブのように見えるアプリケーションの作成方法を示す、ToDoリストアプリケーションのQML実装 | |
Qt Quick 3D を使用した、インタラクティブな玩具の選択とリアルタイムの外観調整を実演する 3D カスタマイズ例 |
Qt Quick アプリケーションの開発
以下のページでは、 Qt Creator およびQt Quick を使用してQtアプリケーションを開発する方法を説明しています。これらのページでは、ユースケースや入門資料など、さまざまな手順を紹介しています。Qt Quick アプリケーションおよび関連モジュールの詳細については、「QMLアプリケーション」ページをご覧ください。
QMLの始め方とQt Quick
QMLの拡張
以下のチュートリアルでは、 Qt 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.
