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

UI 構築の例

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

レイアウト

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

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

トピック 説明 
リストビューとツリービューの作成 ListView、TreeView、MultiColumnListView、MultiColumnTreeView を使用して、リストビューとツリービューを作成します。
複雑なリストビューの作成 ListView を使用して、文字のリストを持つカスタムエディターウィンドウを作成します。
リストビューのランタイム UI を作成する ListView を使って、簡易なキャラクター選択画面のランタイム UI を作成します。

スクロールビュー

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

ラベル

トピック 説明 
ランタイム用にタブメニューを作成する Label を使用してタブメニューを作成します。

ポップアップウィンドウ

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

トグル

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

カスタムコントロール

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

その他の参考資料

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