設計模式專欄

設計模式專欄

1.定義:

觀察者模式定義對象間的一種一對多的關系，使得每當一個對象改變狀態(tài)，則所有依賴于它的對象都會得到通知并自動更新。

2.UML建模圖

image.png

Subject：抽象主題（抽象被觀察者），抽象主題角色把所有觀察者對象保存在一個集合里，每個主題都可以有任意數(shù)量的觀察者，抽象主題提供一個接口，可以增加和刪除觀察者對象。
ConcreteSubject：具體主題（具體被觀察者），該角色將有關狀態(tài)存入具體觀察者對象，在具體主題的內(nèi)部狀態(tài)發(fā)生改變時，給所有注冊過的觀察者發(fā)送通知。
Observer：抽象觀察者，是觀察者者的抽象類，它定義了一個更新接口，使得在得到主題更改通知時更新自己。
ConcrereObserver：具體觀察者，實現(xiàn)抽象觀察者定義的更新接口，以便在得到主題更改通知時更新自身的狀態(tài)。

3.觀察者模式簡單實現(xiàn)

當程序員訂閱了公眾號以后，公眾號每發(fā)布一篇文章都會通知所有關注的程序員為例。

/**
 * ConcrereObserver 具體觀察者
 */
public class Coder implements Observer {

    public String mName;


    public Coder(String name) {
        this.mName = name;
    }


    @Override
    public void update(Observable o, Object arg) {
        System.out.println("hi:" +mName + "網(wǎng)站更新了內(nèi)容：" + arg);
    }

    @Override
    public String toString() {
        return "Coder{" +
                "mName='" + mName + '\'' +
                '}';
    }
}

/**
 * 具體被觀察者（ConcreteSubject）
 */
public class DevCenterObservable extends Observable {

    public void postMewActicle(String content){
        setChanged();

        notifyObservers(content);
    }

}

public class Test {

    public static void main(String[] args) {
        DevCenterObservable observable=new DevCenterObservable();

        Coder coder1= new Coder("onex0");
        Coder coder2= new Coder("onex1");
        Coder coder3= new Coder("onex2");
        Coder coder4= new Coder("onex3");

        observable.addObserver(coder1);
        observable.addObserver(coder2);
        observable.addObserver(coder3);
        observable.addObserver(coder4);

        observable.postMewActicle("新文章Android");
        observable.postMewActicle("新文章IOS");

    }

}

運行結果

hi:onex3網(wǎng)站更新了內(nèi)容：新文章Android
hi:onex2網(wǎng)站更新了內(nèi)容：新文章Android
hi:onex1網(wǎng)站更新了內(nèi)容：新文章Android
hi:onex0網(wǎng)站更新了內(nèi)容：新文章Android
hi:onex3網(wǎng)站更新了內(nèi)容：新文章IOS
hi:onex2網(wǎng)站更新了內(nèi)容：新文章IOS
hi:onex1網(wǎng)站更新了內(nèi)容：新文章IOS
hi:onex0網(wǎng)站更新了內(nèi)容：新文章IOS

3.Android中的使用

3.1 Button的點擊事件的使用（接口回調(diào)，1對1關系）

mBtn.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
      }
});

是不是很熟悉，這段代碼中 mBtn 是被觀察者， OnClickListener 是觀察者。
二者通過setOnClickListener() 方法達成訂閱關系。setOnClickListener方法使得mBtn保存了調(diào)用onClick()方法的機會。至于mBtn怎么去調(diào)用onClick方法就看mBtn怎么去實現(xiàn)了，很明顯當mBtn被點擊的時候，就會去判斷是否注冊了onClick方法，如果有就調(diào)用。
總結起來就是：
（Button-> 被觀察者( Observable)、OnClickListener ->觀察者(Observer)、setOnClickListener() ->訂閱(subscribe)，onClick() -> 事件(event)）
觀察者模式抽象出來就是： Observable.subscribe(Observer)

3.2ListView的Adapter的觀察者分析

我們最常用的Adapter的notifyDataSetChanged()方法來舉例，當我們用ListView的時候，數(shù)據(jù)發(fā)生變化的時候我們都會調(diào)用Adapter的notifyDataSetChanged()方法，這個方法定義在BaseAdaper中，我們來看看BaseAdaper的部分源碼：

public abstract class BaseAdapter implements ListAdapter, SpinnerAdapter {

    //數(shù)據(jù)集觀察者
    private final DataSetObservable mDataSetObservable = new DataSetObservable();

    public boolean hasStableIds() {
        return false;
    }

    public void registerDataSetObserver(DataSetObserver observer) {
        mDataSetObservable.registerObserver(observer);
    }

    public void unregisterDataSetObserver(DataSetObserver observer) {
        mDataSetObservable.unregisterObserver(observer);
    }

    /**
     * 當數(shù)據(jù)集變化時，通知所有觀察者
     */
    public void notifyDataSetChanged() {
        mDataSetObservable.notifyChanged();
    }
}

很明顯BaseAdapter用的是觀察者模式，BaseAdapter是具體被觀察者，接下來看看mDataSetObservable.notifyChanged()：

public class DataSetObservable extends Observable<DataSetObserver> {
   public void notifyChanged() {
        synchronized(mObservers) {
           for (int i = mObservers.size() - 1; i >= 0; i--) {
                mObservers.get(i).onChanged();
            }
        }
    }
}

我們看到了mObservers，這就是觀察者的集合，這些觀察者是在ListView通過setAdaper()設置Adaper時產(chǎn)生的：

    @Override
    public void setAdapter(ListAdapter adapter) {
        if (mAdapter != null && mDataSetObserver != null) {
            mAdapter.unregisterDataSetObserver(mDataSetObserver);
        }
        ...
        super.setAdapter(adapter);

        if (mAdapter != null) {
            mAreAllItemsSelectable = mAdapter.areAllItemsEnabled();
            mOldItemCount = mItemCount;
            mItemCount = mAdapter.getCount();
            checkFocus();
            //創(chuàng)建數(shù)據(jù)觀察者
            mDataSetObserver = new AdapterDataSetObserver();
            //注冊觀察者
            mAdapter.registerDataSetObserver(mDataSetObserver);

            ...
        }
}

接下來看看觀察者AdapterDataSetObserver中處理了什么：

class AdapterDataSetObserver extends AdapterView<ListAdapter>.AdapterDataSetObserver {
        @Override
        public void onChanged() {
            super.onChanged();
            if (mFastScroller != null) {
                mFastScroller.onSectionsChanged();
            }
        }

        @Override
        public void onInvalidated() {
            super.onInvalidated();
            if (mFastScroller != null) {
                mFastScroller.onSectionsChanged();
            }
        }
    }

從上面的代碼看不出什么，再看看AdapterDataSetObserver的父類AdapterView的AdapterDataSetObserver：

class AdapterDataSetObserver extends DataSetObserver {
        private Parcelable mInstanceState = null;
        @Override
        public void onChanged() {
            mDataChanged = true;
            mOldItemCount = mItemCount;
            mItemCount = getAdapter().getCount();
            if (AdapterView.this.getAdapter().hasStableIds() && mInstanceState != null
                    && mOldItemCount == 0 && mItemCount > 0) {
                AdapterView.this.onRestoreInstanceState(mInstanceState);
                mInstanceState = null;
            } else {
                rememberSyncState();
            }
            checkFocus();
            //重新布局
            requestLayout();
        }

        ...

        public void clearSavedState() {
            mInstanceState = null;
        }
    }

我們看到在onChanged()方法中調(diào)用了requestLayout()方法來重新進行布局。好了，看到這里我們都明白了，當ListView的數(shù)據(jù)發(fā)生變化時，我們調(diào)用Adapter的notifyDataSetChanged()方法，這個方法又會調(diào)用觀察者們（AdapterDataSetObserver）的onChanged()方法，onChanged()方法又會調(diào)用requestLayout()方法來重新進行布局。