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

最新推荐文章于 2024-03-28 16:26:57 发布
最新推荐文章于 2024-03-28 16:26:57 发布
阅读量4.6k 收藏 2
点赞数
分类专栏： Android 文章标签： observer observable 被观察者 观察者
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/willba/article/details/72902279
版权

老规矩上图:

这里写图片描述

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

 <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>

以上,就可以实现

掉头发程序员
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android使用观察者模式Observer实现网络状态监听
01-05
在Android开发过程中，很多时候都会用到当前网络的状态判断以及网络状况发生变化的时候做出相应的反应，要想监听网络状态，用观察者模式再合适不过了，废话不多说，直接上代码。 观察者模式属于面向对象的23中设计模式之一，不了解的同学请自行Google 既然用观察者模式，自然离不开观察者模式里最重要的两个类Subject和Ovserver了 Subjcet接口： /** * Description: observer subject * author: Wang * date: 11/28/16 11:19 AM * * Copyright:copyright:2016 by wang. All ri
Android使用Observer/Observable实现简易版的EventBus
u010237863的博客
04-12 2127
一、Observable简介    Observer/Observable是Java提供的一种观察者模式，使用它可以方便地实现各个类之间的通讯。    我们简单地谈一下观察者模式。举一个例子：我们的App中有Main1Activity和Main2Activity两个Activity，从App启动就有一个定时任务，每隔5s两个Activity都需要刷新数据。这个时候只要Main1Activity、M...
Android 中的监听器模式与观察者模式
weixin_34248487的博客
04-08 113
1、   观察者模式与监听器机制 1.1 观察者模式 1.2 监听器（Listener）机制 代码的基本框架： * 被监控着   package com.wonders.group; import java.util.Collection;   public class ModelTie {     private Collection&lt;Object&gt; dataSe...
Data Binding 详解(三)-可观察(监听)的数据对象
俊墨客
08-23 950
知是行之始，行是知之成。 文章配套的 Demo：https://github.com/muyi-yang/DataBindingDemo Demo 支持 Java 和 Kotlin 双语言，master 分支为 Java 语言代码，kotlin 分支为 Kotlin 语言代码。 可观察（observable）是指一个对象通知其他对象其数据的更改的能力。 Data Binding 库支持创建可观察的对象、字段或集合。普通的对象都可以用于 Data Binding，但是对象数据改变并不会自动更新 UI 。使.
Android DataBinding 笔记二
ItsFated的博客
04-01 438
这篇用来介绍可被观察的数据，用来实现界面当数据改变时自动更新。 可被观察的数据 参考官网：使用可观察的数据对象。基础的可被观察的数据： ObservableBoolean ObservableChar ObservableShort 等等……都是继承自androidx.databinding.BaseObservable，看下核心源码： public class BaseObservable implements Observable { private transient PropertyCh
观察者(observer)模式(2): 实现线程安全的监听器
lucyLee的博客
08-01 535
如何实现线程安全的listener
Observer监听输入框值的变化
weixin_43506403的博客
12-24 535
html 代码 <input type="text" id="username" name="username" autoComplete='off'> 要监听输入框值的变化可以使用 $('#username').bind('input propertychange', function() { console.log($(this).val()) }); 在输入框输入值的时候就会触发事件执行相关代码 但是如果我们要监听影藏的输入框，或者监听js、jquery 修改value的值的时
监听下拉框，当前选中值
夏已微凉、
03-06 2366
监听下拉框，当前选中值 1、效果 2、代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"&gt...
Java观察者设计模式（Observable和Observer）
09-03
主要介绍了 Java观察者设计模式（Observable和Observer）的相关资料,需要的朋友可以参考下
java实现观察者模式-Java内置的观察者模式（基于Observable和Observer）
06-14
Java内置的Observable类和Observer接口提供了基本的观察者模式功能，你可以通过继承Observable类和实现Observer接口来使用
设计模式C++学习之观察者模式（Observer）
09-07
设计模式C++学习之观察者模式（Observer）
观察者模式（Observer）原理图
最新发布
04-18
观察者模式（Observer Pattern）是一种对象行为型设计模式，它定义了对象之间的一对多依赖关系。 当一个对象的状态发生改变时，所有依赖于它的对象都会得到通知并自动更新。这种模式通常用于实现分布式事件处理系统...
观察者模式和监听器
珍惜
03-15 255
一，类的四大基本关系： a.关联关系：如A类调用B类。 b.继承关系：如A类是B类的父类。 c.聚合关系：如装橘子的箱子，箱子是否存在与里面装没装橘子没有任何关系，也就是说橘子不会影响箱子的存在。 d.组合关系：如一个小组，小组是否存在与小组中是否有组员是息息相关的，如果没有组员，小组就不存在了。监听器模式：事件源经过事件的封装传给监听器，当事件源触发事件后，监听器接收到事件对象可以回调事件的方法...
Android设计模式详解之观察者模式
故不积跬步无以至千里
12-26 1787
观察者常用于订阅-发布系统，能够将观察者和被观察者进行解耦，降低两者之间的依赖；定义对象间一种一对多的依赖关系，使得每当一个对象改变状态时，则所有依赖于它的对象都会得到通知并被自动更新。关联行为场景，需要注意的是，关联行为是可拆分的，而不是组合关系；事件多级触发场景；跨系统的消息交换场景，如消息队列、事件总线的处理机制。UML类图：抽象主题，被观察者的角色，抽象主题角色把所有观察者对象的引用保存到一个集合中，每个主题都可以有任意数量的观察者，抽象主题提供一个接口，可以增加和删除观察对象；
Android 中的设计模式之观察者模式
金戈鐡馬
03-02 812
观察者模式是我们开发工作中经常使用的开发模式。Android 源码中也有很多地方用到此模式。比如：ListView、ContentProvider 和 Broadcast 等等。本文将会介绍观察者模式、实现一个观察者模式并结合 Android 源码进行分析。定义对象间的一种一个对多的依赖关系，当一个对象的状态发送改变时，所以依赖于它的对象都得到通知并被自动更新。观察者模式又被称作发布/订阅模式。即 1 人发布，N 人订阅。
Android开发模式之观察者模式
weixin_43858011的博客
10-25 2437
定义对象一种一对多的依赖关系，使得当一个对象改变状态的时候，所有依赖它的对象都会得到通知并自动更新。观察者模式是一种使用频率非常高的设计模式，最常用的地方就是订阅-发布系统。
android设计模式—观察者设计模式
2401_83916394的博客
03-28 253
可以增加和删除观察者对象，抽象主题角色又叫做抽象被观察者(Observable)角色。将有关状态存入具体观察者对象；在具体主题的内部状态改变时，给所有登记过的观察者发出通知。具体主题角色又叫做具体被观察者(Concrete Observable)角色。为所有的具体观察者定义一个接口，在得到主题的通知时更新自己，这个接口叫做更新接口。存储与主题的状态自恰的状态。具体观察者角色实现抽象观察者角色所要求的更新接口，以便使本身的状态与主题的状态 像协调。
Android Data Binding实战-高级篇
Just follow myself heart.
11-07 4812
在掌握了Data Binding的基础使用方法之后，来尝试一下相对高级的一点的使用方法。慕客网对应的课程视频：Android Data Binding实战-高级篇声明：博客只是个人写的，用于学习与交流，与慕课网平台和授课老师没有其他任何关系。如涉及版权问题，请联系本人，将马上改正。
小知识:随机生成26个字母中(一个或多个)的字母
热门推荐
willba的博客
02-07 2万+
小知识:就直接上代码了,不多说 String str = ""; for (int i = 0;i1;i++){ str = str+ (char)(Math.random()*26+'A'); } 特别注意的2点: 1, ‘A’ 是随机生成大写的26个随机字母 2, ‘a’ 是随机生成小写的26个随机字母 3, I
商城类微信小程序使用观察者模式代码实现
05-16
观察者模式是一种常用的设计模式，可以用于实现微信小程序中的事件监听和处理。 在微信小程序中，观察者模式可以被用来实现数据的状态更新、页面的刷新以及事件的响应等功能。以下是一个简单的商城类微信小程序使用...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值