Qt Quick サンプルとチュートリアル
Qt には、特定の使い方を示すいくつかのサンプルがあります。サンプルはアプリケーションとして、あるいは Qt Creator.Qt チュートリアルは、ステップバイステップの情報を示し、特定のコードスニペットに対する洞察を与えます。
このページでは Qt Qmlと Qt Quickのサンプルを掲載していますが、他の多くのQt モジュールにもQML API に関連するサンプルがあります。
サンプルとデモの実行
サンプルはQt インストーラーに同梱されており、Qt Creator からアクセスできます。Qt Creator でサンプルを実行する方法については、Qt Creator:Tutorial を参照してください：ビルドと実行。
Qt Creator Welcome モードでサンプルを開いて実行してください。ほとんどのサンプルはさまざまなプラットフォームで実行され、プラットフォーム固有のサンプルを検索するには、検索フィールドにプラットフォーム名（または任意のキーワード）を入力します。例えば、検索フィールドにmobile と入力すると、モバイル・プラットフォームと完全に互換性のあるサンプルがリストアップされます。
その他のサンプルやチュートリアルを見るには、Qt Examples And Tutorialsのページをご覧ください。
Qt Quick デモ
完全に機能するデモアプリケーションのリストです。配備可能な Qt アプリケーションがどのように構築され、どのような構造になっているかを示す完全なアプリケーションです。デモの多くは、モバイルやデスクトップに配置することができます。
横向きと縦向きのデバイス用に設計された電卓です。ユーザーインターフェースにはQt Quick カスタムコンポーネントとレスポンシブレイアウトを、アプリケーションロジックには JavaScript を使用しています。 | |
Qt Quick 3D カメラ、拡張シーン環境、JavaScript を使用した自動車モデルの例。Qt Quick 3D | |
Qt Quick 、ステートベースのカスタム・ユーザー・インターフェースを持つアプリケーション。 | |
Qt Quick 3D Physics と他の Qt モジュールを使用したサイコロ投げアプリケーション | |
Qt Quick 3D のマテリアルとエフェクト機能をデモします。 この例では、パーティクルエフェクトとマテリアルをどのように使用できるかをデモします。Qt Quick 3D | |
で CSV ファイルのデータを視覚化する方法Qt Graphs | |
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ニュースリーダー | |
QtJenny: Generating C++ proxy classes to access Android APIs | QtJenny の使い方を紹介するデモ |
から3DプロジェクトにC++バックエンドを追加する方法を示します。Qt Design Studio | |
森部邦明の人気パズルゲームの QML 実装 | |
100 銘柄の設定可能な株価チャート | |
サーモスタットの例：窓の大きさによって異なるデザインを実装する方法を示す | |
ToDoリストアプリケーションのQML実装例：どのプラットフォームでもネイティブに見えるアプリケーションの作成方法を示す | |
3Dカスタマイズの例：インタラクティブなおもちゃの選択とリアルタイムの外観調整を実演Qt Quick 3D |
Qt Quick アプリケーションの開発
次のページでは、Qt アプリケーションの開発方法について説明します。 Qt CreatorとQt Quick を使って Qt アプリケーションを開発する方法を紹介します。このページでは、ユースケースや入門資料など、さまざまなステップを紹介します。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.
