Unity：数据驱动UI设计模式

### 1. 创建数据模型

首先，我们需要定义数据模型。这些模型将表示我们应用程序中的实际数据。

---

📋[System.Serializable]

public class UserModel

{

    public string UserName;

    public int Age;

}

---

### 2. 事件系统和数据绑定

我们可以创建一个简单的事件系统来监控数据变化，然后更新UI。

---

📋using UnityEngine;

using UnityEngine.Events;

public class Observable<T>

{

    private T value;

    public UnityEvent<T> OnValueChanged = new UnityEvent<T>();

    public T Value

    {

        get { return value; }

        set

        {

            if (!Equals(value, this.value))

            {

                this.value = value;

                OnValueChanged.Invoke(value);

            }

        }

    }

}

---

### 3. 数据驱动UI组件

接下来，我们创建一个UI组件来处理数据变化并更新UI。比如，一个用户界面显示用户信息，可以通过下面的方式来实现：

---

📋using UnityEngine;

using UnityEngine.UI;

public class UserView : MonoBehaviour

{

    public Text userNameText;

    public Text ageText;

    private Observable<UserModel> userModel;

    private void Start()

    {

        userModel = new Observable<UserModel>();

        // 绑定到数据变化事件

        userModel.OnValueChanged.AddListener(UpdateUI);

        // 设置数据以触发UI更新

        var newUser = new UserModel { UserName = "John Doe", Age = 30 };

        userModel.Value = newUser;

    }

    private void UpdateUI(UserModel user)

    {

        userNameText.text = user.UserName;

        ageText.text = user.Age.ToString();

    }

}

---

### 4. 实现数据更新

假设我们有一个按钮来更新用户数据，我们可以这样实现：

---

using UnityEngine;

using UnityEngine.UI;

public class UserController : MonoBehaviour

{

    public Button updateButton;

    public UserView userView;

    private void Start()

    {

        updateButton.onClick.AddListener(OnUpdateButtonClicked);

    }

    private void OnUpdateButtonClicked()

    {

        var updatedUser = new UserModel { UserName = "Jane Doe", Age = 25 };

        userView.UserModel.Value = updatedUser;

    }

}

---

### 5. 集成在一起

最后，将所有的组件和脚本集成到你的场景中，设置好引用，确保事件绑定在脚本的`Start`方法中正确配置。

---