Qt Quick UIプロトタイプの作成

Qt Quick UIプロトタイププロジェクトは、ユーザーインターフェイスのテストやプロトタイプ作成に便利です。アプリケーション開発には使用できません：

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

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