Qt Quick のUIプロトタイプを作成する

Qt Quick UIプロトタイププロジェクトは、ユーザーインターフェースのテストやプロトタイピング、あるいはQML編集専用の別プロジェクトを設定する場合などに役立ちます。ただし、以下の要素がないため、アプリケーション開発には使用できません：

• C++コード
• リソースファイル（.qrc ）
• デバイスへのアプリケーション展開に必要なコード

Qt Quick UIプロトタイププロジェクトをQt Quick アプリケーションプロジェクトに変換する方法の詳細については、「UIプロジェクトをアプリケーションに変換する」を参照してください。

Qt Quick UIプロトタイププロジェクトを作成するには：

1. File >New Project >Other Project > Qt Quick UI Prototype。
2. 「Choose 」を選択して、「Project Location 」ダイアログを開きます。
3. 「Name 」で、アプリケーションの名前を入力します。
4. 「Create in 」で、プロジェクトファイルのパスを入力します。「Use as default project location 」を選択すると、デフォルトでこのフォルダ内に新しいプロジェクトが作成されます。
5. 「Next 」（macOS の場合は「Continue 」）を選択して、「Define Project Details 」ダイアログを開きます。
6. [ Create a project that you can open in Qt Quick Designer を選択して、プロジェクトをQt Quick Designerと互換性のあるものにします。
7. [ Use Qt Virtual Keyboard を選択して、 Qt Virtual Keyboard アプリケーションにサポートを追加します。注：Qtのインストール時にxml-ph-0000@deepl.internalモジュールをインストールしていない場合、xml-ph-0001@xml-ph-0000@deepl.internalを開こうとするとエラーメッセージが表示されます

   注： Qt XMLのインストール時にQt Virtual Keyboard モジュールをインストールしていない場合 、main.qml を開こうとするとエラーメッセージが表示されます。

8. 「Next 」を選択して、「Kit Selection 」ダイアログを開きます。
9. アプリケーションをビルドするプラットフォーム用のキットを選択します。

   注: キットは 、「Preferences 」>「Kits 」で指定されている場合にのみ一覧に表示されます。

10. 「Next 」を選択して、「Project Management 」ダイアログを開きます。
11. プロジェクト設定を確認し、[Finish ]（Windows および Linux）または [Done ]（macOS）を選択してプロジェクトを作成します。

Qt Creator これにより、以下のファイルが作成されます。

• .qmlproject プロジェクトファイルは、プロジェクトフォルダ内のすべての QML、JavaScript、および画像ファイルがプロジェクトに属することを定義します。したがって、プロジェクト内のすべてのファイルを個別に列挙する必要はありません。
• .qml ファイルは、コンポーネントやアプリケーションの UI 全体などの UI アイテムを定義します。
• Screen01.ui.qml このファイルでは、背景を形成する Rectangle 型のインスタンス、Button、およびテキストを表示する Text コンポーネントを使用して、カスタム QML タイプを定義します。このファイルは、 Create a project that you can open in Qt Quick Designerを選択すると作成されます。

アプリケーションで JavaScript ファイルや画像ファイルを使用するには、それらをプロジェクトフォルダにコピーしてください。