UI Toolkit インスペクター拡張 空の形

1. UI Toolkitとは

UI Toolkitは、ユーザーインターフェース（UI）を開発するための機能、リソース、ツールのコレクションです。UI
Toolkitを使用して、Unity Editor用のカスタムUIや拡張機能、ランタイムデバッグツール、ゲームやアプリケーションのランタイムUIを開発できます。

UI Toolkitは、標準的なWeb技術に触発されています。Webページやアプリケーションを開発した経験があれば、知識は移行可能であり、コアコンセプトはなじみがあります。

Unity - Manual: UI Toolkit より

2. できるもの

空のインスペクター

3. 環境

• Unity 2022.3.5f1

4. インスペクター拡張を作成するMonoBehaviour

Script

using UnityEngine;

public class Car : MonoBehaviour
{
    public string m_Make = "Toyota";
    public int m_YearBuilt = 1980;
    public Color m_Color = Color.black;
}

インスペクター

5. インスペクター拡張の作成

1. Create > Folder から Editor フォルダを作成
2. Editor フォルダで Create > C# Script から CarInspector を作成
3. CarInspector を下記のコードにする

   using UnityEditor;
   using UnityEngine.UIElements;
   
   [CustomEditor(typeof(Car))]
   public class CarInspector : Editor
   {
       public VisualTreeAsset _InspectorXML;
       public override VisualElement CreateInspectorGUI()
       {
           var rootElement = new VisualElement();
   
           _InspectorXML.CloneTree(rootElement);
   
           return rootElement;
       }
   }
   

4. Create > UI Toolkit > UI Document から CarInspectorUXML を作成
   
5. Project ウィンドウから CarInspector を選択する
6. CarInspector の Inspector ウィンドウ にある Inspector XML に CarInspectorUXML を設定する
   • スクリプトとUXMLの紐付けについては スクリプトとUXMLの紐付け を参照
     
     設定前
     
     設定後

6. 参考サイト

• Unity - Manual: Create a Custom Inspector