Version: Unity 6.0 (6000.0)
言語 : 日本語
UXML テンプレートへバインドする
バインドされたプロパティが変更されたときにコールバックを受信する

バインドされたプロパティが変更されたときにコールバックを受信する

バージョン: 2021.3+

この例では、バインドされたシリアル化されたプロパティが変更されたときに、コールバックを受け取る方法を示します。

例の概要

この例では、シーン内のゲームオブジェクトの名前にバインドする TextField を持つカスタム Editor ウィンドウを作成します。ゲームオブジェクトの名前が GameObject の場合、テキストフィールドのラベルの背景色は濃い赤に変わります。

この例の完全なファイルは、この GitHub リポジトリ にあります。

必要な要件

このガイドは、Unity エディター、UI Toolkit、および C# スクリプトに精通している開発者を対象としています。始める前に、以下の点を理解しておいてください。

コールバックを受信するためのバインディングを作成する

C#スクリプトを以下のように作成します。

  • シリアル化されたプロパティの値が変更されるたびに、CheckName() メソッドを呼び出します。
  • TrackPropertyValue() 拡張メソッドでそのメソッドを登録します。
  • 別のプロパティで TrackPropertyValue() を再度呼び出す前に Unbind() を呼び出します。

VisualElement は、一度に 1 つのプロパティしか追跡できません。

  1. Unity で任意のテンプレートを使用してプロジェクトを作成します。

  2. Project ウィンドウに、callback-SerializedProperty-changes という名前のフォルダーを作成します。

  3. callback-SerializedProperty-change フォルダー内に、Editor という名前のフォルダーを作成します。

  4. Editor フォルダーに SimpleBindingPropertyTrackingExample.cs という名の C# スクリプトを作成し、そのコンテンツを以下と置き換えます。

    using UnityEditor;
    using UnityEngine;
    using UnityEditor.UIElements;
    using UnityEngine.UIElements;
    
    namespace UIToolkitExamples
    {
        public class SimpleBindingPropertyTrackingExample : EditorWindow
        {
            TextField m_ObjectNameBinding;
    
            [MenuItem("Window/UIToolkitExamples/Simple Binding Property Tracking Example")]
            public static void ShowDefaultWindow()
            {
                var wnd = GetWindow<SimpleBindingPropertyTrackingExample>();
                wnd.titleContent = new GUIContent("Simple Binding Property Tracking");
            }
                
            public void CreateGUI()
            {
                m_ObjectNameBinding = new TextField("Object Name Binding");
                rootVisualElement.Add(m_ObjectNameBinding);
                OnSelectionChange();
            }
    
            public void OnSelectionChange()
            {
                GameObject selectedObject = Selection.activeObject as GameObject;
                if (selectedObject != null)
                {
                    // Create the SerializedObject from the current selection
                    SerializedObject so = new SerializedObject(selectedObject);
    
                    // Note: the "name" property of a GameObject is actually named "m_Name" in serialization.
                    SerializedProperty property = so.FindProperty("m_Name");
                        
                    // Ensure to use Unbind() before tracking a new property
                    m_ObjectNameBinding.Unbind();
                    m_ObjectNameBinding.TrackPropertyValue(property, CheckName);
    
                    // Bind the property to the field directly
                    m_ObjectNameBinding.BindProperty(property);
    
                    CheckName(property);
                }
                else
                {
                    // Unbind any binding from the field
                    m_ObjectNameBinding.Unbind();
                }
            }
    
            void CheckName(SerializedProperty property)
            {
                if (property.stringValue == "GameObject")
                {
                    m_ObjectNameBinding.style.backgroundColor = Color.red * 0.5f;
                }
                else
                {
                    m_ObjectNameBinding.style.backgroundColor = StyleKeyword.Null;
                }
            }
        }
    }
    

バインディングのテスト

  1. Unity で Window > UIToolkitExamples > Simple Binding Property Tracking Example を選択します。カスタム Editor ウィンドウが開き、テキストフィールドが表示されます。
  2. シーンのゲームオブジェクトを選択します。ゲームオブジェクトの名前は、Editor ウィンドウのテキストフィールドに表示されます。
  3. テキストフィールドでゲームオブジェクトの名前を変更します。名前が GameObject の場合、ラベルの背景色が濃い赤に変わります。

追加リソース

UXML テンプレートへバインドする
バインドされたプロパティが変更されたときにコールバックを受信する