利用观察者(Observer)和被观察者(Observable)实现监听操作

老规矩上图:

第一步:上布局视图只贴一部分

 <LinearLayout        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:background="#f6534c"        android:orientation="vertical">        <LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:layout_marginLeft="20dp"            android:layout_marginTop="20dp"            android:orientation="horizontal">            <TextView                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:text="总财富"                android:textColor="#fcc7c6" />            <!--注册checkBox为被观察者-->            <com.example.hxl.observerdemo.CheckBoxObservable                android:id="@+id/checkBoxObservable"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_marginLeft="5dp"                android:button="@drawable/bg_checkbox_sel" />            <!-- checkBox:xml中内部实现点击事件  android:button="@drawable/bg_checkbox_sel"-->        </LinearLayout>        <RelativeLayout            android:layout_width="match_parent"            android:layout_height="wrap_content">            <LinearLayout                android:id="@+id/my_assert_total_account_layout"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:orientation="vertical">                <!--让总财富下的textView,成为观察者-->                <com.example.hxl.observerdemo.TextViewObserver                    android:id="@+id/my_assert_total_account"                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_marginBottom="10dp"                    android:layout_marginLeft="20dp"                    android:layout_marginTop="10dp"                    android:text="0.00"                    android:textColor="#fccbca"                    android:textSize="32sp" />                <TextView                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:layout_marginLeft="20dp"                    android:paddingBottom="2dp"                    android:text="(交易确认中或暂无资产)"                    android:textColor="#ffffff"                    android:textSize="12sp" />            </LinearLayout>            <ImageView                android:id="@+id/total_account_hider"                android:layout_width="wrap_content"                android:layout_height="wrap_content"                android:layout_centerVertical="true"                android:layout_marginLeft="20dp"                android:src="@drawable/wealth_hidden"                android:visibility="invisible" />        </RelativeLayout>    </LinearLayout>

第二步:被观察者

/** * 实现观察者模式的被观察者 * 让checkBox成为被观察者 */public class CheckBoxObservable extends CheckBox implements CompoundButton.OnCheckedChangeListener{    private ObservableInner mObservable;    public CheckBoxObservable(Context context) {        super(context);        init();    }    public CheckBoxObservable(Context context, AttributeSet attrs) {        super(context, attrs);        init();    }    public CheckBoxObservable(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        init();    }    private void hide() {        // 状态改变 ,数据改变        setChanged();        //发送信息告诉观察者,只有为真时,才会调用观察者的update方法        notifyObservers(true);    }    private void show() {        setChanged();  // 状态改变，必须调用        notifyObservers(false);    }    //初始化操作    public void init() {        //创建被观察者        mObservable = new ObservableInner();        //设置被观察者状态改变监听        setOnCheckedChangeListener(this);    }    //添加观察者    public void addObserver(Observer observer){        mObservable.addObserver(observer);    }    //删除某一个具体的观察者    public void deleteObserver(Observer observer) {        mObservable.deleteObserver(observer);    }    //删除所有的观察者    public void deleteObservers() {        mObservable.deleteObservers();    }    //返回列表中所有的添加观察者    public int countObservers(){        return mObservable.countObservers();    }    //通知刷新所有的观察者    public void notifyObservers(){        mObservable.notifyObservers();    }    public void notifyObservers(Object data){        mObservable.notifyObservers(data);    }    public boolean hasChanged() {        return mObservable.hasChanged();    }    protected void setChanged() {        mObservable.setChanged();    }    @Override    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {        if (isChecked) {            hide();        } else {            show();        }    }    //被观察者(Observable)   观察者(Observer)    private class ObservableInner extends Observable {       //自定义setChange方法,实现调系统方法        public void setChanged() {            super.setChanged();        }    }}

第三步:观察者

/** * 实现观察者模式的观察者 * 让text实现成为观察者 *Observer接收到通知的顺序是越晚加入列表的越先通知。 */public class TextViewObserver extends TextView implements Observer{    private static final String DEFAULT_HIDER = "******";    private String mOrignalContent = "";    //设置隐藏的内容    private String mHiderContent = DEFAULT_HIDER;    //是否隐藏    private boolean mIsHideContent = false;    private OnShownListener mOnShownListener;    private OnHiderListener mOnHiderListener;    public TextViewObserver(Context context) {        super(context);        mOrignalContent =  getText().toString();    }    public TextViewObserver(Context context, AttributeSet attrs) {        super(context, attrs);        mOrignalContent =  getText().toString();    }    public TextViewObserver(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        mOrignalContent =  getText().toString();    }    //接收到被观察者的信号后,开始执行具体操作    @Override    public void update(Observable o, Object arg) {        mIsHideContent = (boolean)arg;        if (mIsHideContent) {            setText(mHiderContent);            if (mOnHiderListener != null) {                //回调方法,用于铜币状态控制                mOnHiderListener.onHider();            }        } else {            setText(mOrignalContent);            if (mOnShownListener != null) {                mOnShownListener.onShown();            }        }    }    /**     * 注意：需要调用此方法才能实现隐藏效果，若直接调用setText()方法，则实现不了     * @param text     */    public void setTextExtension(String text) {        mOrignalContent = String.valueOf(text);        if (!mIsHideContent) {  // 非隐藏状态下，更新内容            setText(mOrignalContent);        }    }    /**     * 注意：需要调用此方法才能实现隐藏效果，若直接调用setText()方法，则实现不了     * @param text     */    public void setTextExtension(CharSequence text) {        mOrignalContent = String.valueOf(text);        if (!mIsHideContent) {  // 非隐藏状态下，更新内容            setText(mOrignalContent);        }    }    public void setHiderContent(String mHiderContent) {        this.mHiderContent = mHiderContent;    }    public String getHiderContent() {        return this.mHiderContent;    }    public void setOnShownListener(OnShownListener onShownListener) {        this.mOnShownListener = onShownListener;    }    public void setOnHiderListener(OnHiderListener onHiderListener) {        this.mOnHiderListener = onHiderListener;    }    public interface OnShownListener {        public void onShown();    }    public interface OnHiderListener {        public void onHider();    }}

第四步:主体部分实现

CheckBoxObservable checkBoxObservable;    TextViewObserver myAssertTotalAccount;    TextViewObserver regularInvestmentAccount;    TextViewObserver tongbaoAccount;    LinearLayout myAssertTotalAccountLayout;    ImageView totalAccountHider;//添加观察者        checkBoxObservable.addObserver(myAssertTotalAccount);        //观察者设置隐藏监听        myAssertTotalAccount.setOnHiderListener(new TextViewObserver.OnHiderListener() {            @Override            public void onHider() {                //此时不能设置为Gone,会引起布局的变化                myAssertTotalAccountLayout.setVisibility(View.INVISIBLE);                //设置铜宝图片状态                totalAccountHider.setVisibility(View.VISIBLE);            }        });        //观察者设置显示监听        myAssertTotalAccount.setOnShownListener(new TextViewObserver.OnShownListener() {            @Override            public void onShown() {                myAssertTotalAccountLayout.setVisibility(View.VISIBLE);                //此时不能设置为Gone,会引起布局的变化                totalAccountHider.setVisibility(View.INVISIBLE);            }        });        //添加其他观察者        checkBoxObservable.addObserver(regularInvestmentAccount);        checkBoxObservable.addObserver(tongbaoAccount);        checkBoxObservable.addObserver(myBalanceAccount);

最后别忘了:解除被观察者和观察者之间的绑定

@Override    public void onDestroyView() {        super.onDestroyView();        //解绑        ButterKnife.unbind(this);        if (checkBoxObservable != null) {            //解除观察者            checkBoxObservable.deleteObservers();        }    }

附带:CheckBox的button点击选择

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:drawable="@drawable/wealth_eye_close" android:state_checked="true"/>    <item android:drawable="@drawable/wealth_eye_open" android:state_checked="false"/></selector>

以上,就可以实现