Unity應用架構設計(6)——設計動態數據集合ObservableList


什么是 『動態數據集合』 ?簡而言之,就是當集合添加、刪除項目或者重置時,能提供一種通知機制,告訴UI動態更新界面。有經驗的程序員腦海里迸出的第一個詞就是 ObservableCollection。沒錯,它在WPF中盛行其道,通過它開發者可以很方便的達到動態更新界面。要在Unity 3D中使用ObservableCollection還是有些許困難的,因為Mono並不提供ObservableCollection類。但實際上,自己動手去構建一個『動態數據集合』也非難事,核心在於怎樣去傳播通知。這也是本篇博客的主題。

實現自定義的ObservableList

既然核心在於構建通知機制,談到『通知』兩字,最常見的形式就是以委托或者事件形式將消息廣播給監聽者。遺憾的是,.NET中常見的集合數據結構List並不支持事件的通知。所以我在自定義的ObservableList中增加OnAdd,OnRemove,OnInsert事件,當集合添加或者刪除項時,能廣播通知給客戶端UI界面。

以下圖為例,當點擊+時,『以數據驅動界面的形式』,動態的去更新UI界面:

既然要以數據來驅動界面,首先我們需要定義能存放數據的集合,它就是ObservableList,並且是實現了IList 接口:

public class ObservableList<T>:IList<T>
{
    //...省略部分代碼...
    private List<T> _value=new List<T>();

    public delegate void AddHandler(T instance);
    public AddHandler OnAdd;

    public delegate void InsertHandler(int index,T instance);
    public InsertHandler OnInsert;

    public delegate void RemoveHandler(T instance);
    public RemoveHandler OnRemove;

    public void Add(T item)
    {
        _value.Add(item);
        if (OnAdd != null)
        {
            OnAdd(item);
        }
    }

    public bool Remove(T item)
    {
        if (_value.Remove(item))
        {
            if (OnRemove != null)
            {
                OnRemove(item);
            }
            return true;
        }
        return false;
    }

    public void Insert(int index, T item)
    {
        _value.Insert(index,item);
        if (OnInsert!=null)
        {
            OnInsert(index, item);
        }
    }

}

可以看到,自定義的ObservableList實現了 IList 接口,並以泛型的形式約束了數據項類型。當添加或者刪除項時,提供了以事件的形式告訴客戶端UI界面 ,作為觀察者的UI可以順勢做出相應的更新。

岔開話題說一下,為什么要用泛型,這是幾天前有同學在群里問的?

  • 好處1:可以約束數據項的類型,讓我們不用每時每刻去強轉。比如你往ArrayList中添加了若干數據,因為ArrayList的數據項Item是萬能的object,所以你每次取出來都需要將object轉為你想要的對象,麻煩。
  • 好處2:減少運行時錯誤,因為是數據項是object,所以在編譯時你可以將其強轉為任何類型,但萬一這個object實際是Datetime類型,但你強轉為int,編譯時是沒問題的,但一運行就報錯,泛型約束能有效減少這種情況

完善ObservableList

到目前為止,我們自定義的動態數據集合ObservableList是非常好的設計,但唯一不足的事,它不能支持初始化時通知UI界面更新。 『初始化』 這詞可能有點太術語了,我翻譯一下就是一般初始化一個List,我們都是像如下方式進行:

public ObservableList<FaceBox> DataSource = new ObservableList<FaceBox>
{
    new FaceBox
    {
        Name = "Eyes",
        Level = 10,
        Face = "Avatar201_Face",
        Badge = new Badge {Icon = "Icon_WeaponRod", ElementColor = "1CB9FFFF"}
    },
    new FaceBox
    {
        Name = "Jack",
        Level = 8,
        Face = "Avatar202_Face",
        Badge = new Badge {Icon = "Icon_WeaponSpear", ElementColor = "FF5821FF"}
    }
}; 

顯然這即沒有觸發OnAdd,也沒有觸發OnRemove等事件,那么初始化或者重置列表時,UI界面還是得不到更新。那我們怎么去解決呢?還記得第一章中BindableProperty嗎?對了,解決方案就是它,對列表的初始化或者重置就是對Value進行改變。而BindableProperty內部提供了對Value值改變的監聽,一旦Value改變了,將消息廣播出去。

OK,我們增強一下ObservableList:

public class ObservableList<T>:IList<T>
{
	//省略部分代碼...
    public delegate void ValueChangedHandler(List<T> oldValue, List<T> newValue);
    public ValueChangedHandler OnValueChanged;
   
    //預先初始化,內置的List,防止空異常
    private List<T> _value=new List<T>();
    public List<T> Value
    {
        get { return _value; }
        set
        {
            if (!Equals(_value, value))
            {
                var old = _value;
                _value = value;

                ValueChanged(old, _value);
            }
        }
    }


    private void ValueChanged(List<T> oldValue, List<T> newValue)
    {
        if (OnValueChanged != null)
        {
            OnValueChanged(oldValue, newValue);
        }
    }

}

所以客戶端UI界面只要對ObservableList的OnValueChanged事件進行監聽,當初始化或者重置時,你也可以得到更新,演示效果如下:

小結

自定義的動態數據集合ObservableList看起來小巧,但五臟俱全,能提供通知機制,可以動態的去更新UI界面。 所有的一切都以數據的改變來驅動UI,這是非常重要的轉變。所以看似代碼復雜了,但實際上你只要關心數據即可。
源代碼托管在Github上,點擊此了解


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM