UI Toolkit

UI Toolkit は、ユーザーインターフェース (UI) を開発するための機能、リソース、ツールを集めたものです。UI Toolkit を使用して、Unity エディターのカスタム UI や拡張機能、ランタイムデバッグツール、ゲームやアプリケーションのランタイム UI を開発することができます。

UI Toolkit は、標準的なウェブ技術から発送を得ています。ウェブページやアプリケーションを開発した経験があれば、その知識を応用して、主要なコンセプトを理解できるはずです。

ノート: Unity では、新しい UI 開発プロジェクトに UI Toolkit を使用することを推奨しています。ただし、Unity UI (uGUI) と IMGUI は特定のユースケースに適しており、推奨されないプロジェクトをサポートするために必要になります。詳細は、Unity の UI システムの比較を参照してください。

UI システム

UI Toolkit のコアは、認知されたウェブ技術に基づいた保持モードの UI システムです。スタイルシートや、動的でコンテキスト依存なイベント処理をサポートしています。

UI システムには以下のような機能があります。

• ビジュアルツリー: ビジュアルツリーは、軽量ノードで構成されたオブジェクトグラフで、ウィンドウやパネル内のすべての要素を保持します。UI Toolkit を使用して構築するすべてのユーザーインターフェースは、ビジュアルツリーで定義されます。
• コントロール: ボタン、ポップアップ、リストビュー、カラーピッカーなどの標準的な UI コントロールのライブラリです。そのまま使用することもカスタマイズすることも可能で、独自のコントロールを作成することもできます。
• データバインディングシステム: プロパティを、その値を変更するコントロールに紐づけるシステムです。
• レイアウトエンジン: CSS Flexbox モデルに基づいたレイアウトシステムです。レイアウトやスタイリングのプロパティに基づいて要素を配置します。
• イベントシステム: 入力、タッチ、ポインターの操作、ドラッグアンドドロップの操作やその他のイベントタイプなどのユーザーインタラクションを要素に伝達するシステムです。このシステムには、ディスパッチャー、ハンドラー、シンセサイザー、イベントタイプのライブラリが含まれています。
• UI レンダラー: Unity のグラフィックスデバイスレイヤーの上に直接構築されたレンダリングシステムです。
• エディター UI サポート: エディター UI を作成するためのコンポーネントのセット
• ランタイム UI サポート: ランタイム UI を作成するためのコンポーネントのセット。

UI アセット

以下のアセットタイプを使用して、ウェブアプリケーション開発と同様の方法で UI をビルドします。

• UXML ドキュメント: HTML と XML から発送を得たマークアップ言語は、UI の構造と再利用可能な UI テンプレートを定義します。C# ファイルで直接インターフェースを構築することもできますが、Unity では可能な場合は UXML ドキュメントを使用することを推奨しています。
• Unity スタイルシート (USS): スタイルシートは、視覚的なスタイルと動作を UI に適用します。スタイルシートは、ウェブで使用されているカスケーディングスタイルシート (CSS) に似ており、CSS の標準的なプロパティのサブセットをサポートしています。C# ファイルで直接スタイルを適用することもできますが、Unity では可能な場合は USS ファイルを使用することを推奨しています。

UI ツールとリソース

以下のツールを使用して、インターフェースの作成とデバッグを行い、UI Toolkit の使用方法について学習します。

• UI Debugger: ウェブブラウザーのデバッグビューに似た診断ツールです。これを使用して要素の階層を探索し、その基礎となる UXML 構造や USS スタイルに関する情報を得ることができます。エディターで Window > UI Toolkit > Debugger の順に選択して開くことができます。
• UI Builder: UXML や USS ファイルなどの UI Toolkit のアセットを視覚的に作成および編集することができます。
• UI Samples: UI コントロールのコードサンプルのライブラリです。エディターで Window > UI Toolkit > Samples の順に選択して開くことができます。