Version: 2023.2
言語: 日本語
UXML 要素 Vector4Field
リストビューとツリービューの作成

UI 構築の例

UI 構築を学ぶ最良の方法は、例を試すことです。以下の例では、UI でのビルトインコントロールの使い方、カスタムコントロールの作成と使い方を紹介します。

レイアウト

トピック 説明 
相対位置決めと絶対位置決め C# の例 C# で UI をレイアウトするには、相対配置と絶対配置を使用します。

リストビューとツリービュー

トピック 説明 
リストビューとツリービューの作成 ListView、TreeView、MultiColumnListView、MultiColumnTreeView を使用して、リストビューとツリービューを作成します。
複雑なリストビューの作成 ListView を使用して、文字のリストを持つカスタムエディターウィンドウを作成します。
リストビューのランタイム UI を作成する ListView を使って、簡易なキャラクター選択画面のランタイム UI を作成します。
Create a drag-and-drop list and tree views between windows Use ListView, TreeView, and MultiColumnListView to create a drag-and-drop UI between windows.

スクロールビュー

トピック 説明 
ScrollView 内でコンテンツを折り返す スクロールビュー内でコンテンツを折り返すには、スタイルを使用します。

ラベル

トピック 説明 
Create a tabbed menu Label を使用してタブメニューを作成します。

ポップアップウィンドウ

トピック 説明 
ポップアップウィンドウの作成 UnityEditor.PopupWindow を使ってポップアップウィンドウを作成します。

トグル

トピック 説明 
Toggle を使って条件付き UI を作成する Toggle を使用してエディターウィンドウに条件付き UI を作成します。

カスタムコントロール

トピック 説明 
2 つの属性を持つカスタムコントロールの作成 2 つの属性を持つ単純なカスタムコントロールを作成し、カスタムコントロールを UXML と UI ビルダーに公開します。
スライドトグルカスタムコントロールの作成 スイッチのようなトグルカスタムコントロールを作成します。
放射状の進捗インジケーターを作成する 0 から 100 までの浮動小数点数を表示するカスタムコントロールを作成します。
バインド可能なカスタムコントロールの作成 double データ型のプロパティにバインドするカスタムコントロールを作成します。
カスタムコントロール用のカスタムスタイルを作成する USS から 2 色を読み取り、それを使ってテクスチャを生成するカスタムコントロールを作成します。
Create an aspect ratio custom control Create a custom control that maintains a specific aspect ratio.

その他の参考資料

UXML 要素 Vector4Field
リストビューとツリービューの作成