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 WebSockets を組み合わせて、地図上にリアルタイムで落雷を表示するレスポンシブ 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ニュースリーダー | |
Qt Design Studioこの例では、Qt Design Studio で作成された 3D プロジェクトに C++ バックエンドを追加する方法を示します。この例自体は、Qt Quick 3Dシーン内のインタラクティブな産業用ロボットアームで構成されています。ロボットアームをコントロールするための2D UIは、Qt Quick Controlsを使って実装されています。 | |
森部邦明による人気パズルゲームのQML実装。 | |
100銘柄の設定可能な株価チャート | |
Qt Quick で実装された家庭用サーモスタットのユーザーインターフェイス。 大きなデスクトップディスプレイからモバイルや小さな組み込みディスプレイまで対応するレスポンシブなアプリケーションの作成方法を示しています。 | |
どのプラットフォームでもネイティブに見えるアプリケーションの作成方法を示す、To DoリストアプリケーションのQML実装 |
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 シーンを追加する
© 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.