前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >记一次观察者模式的使用

记一次观察者模式的使用

作者头像
张风捷特烈
发布2018-12-28 16:02:01
4590
发布2018-12-28 16:02:01
举报
一、引入:

今天做播放器时碰到了一个小问题: 有三个地方需要同一组数据,而且分属不同地方,如何同步? 当然有很多方法可以实现,本文主要讲观察者模式,也算是回虐它吧(曾经被它吊打...) 注意,本文使用的是测试代码,仅是模拟情况(Android上的使用道理是一致的,已实证)

数据同步


把问题简化为下面7个类: 需求:数据在SongSubject中的改变,可以通知三个观察者,并同时更新数据

问题抽离


二、观察者模式:

一对多--一人提供信息(Subject),多人需求信息(Observer),信息体(T) T发生改变时,由Subject统一提醒Observer


1.接口层:Observer接口:(观察者)
代码语言:javascript
复制
public interface Observer<T> {
    /**
     * 更新
     * @param t 观察变化的信息体
     */
    void update(T t);
}

2.接口层:Subject接口:(被观察者)
代码语言:javascript
复制
public interface Subject<T> {
    /**
     * 观察者关联
     * @param o 待观察者(信息体)
     */
    void attach(Observer<T> o);

    /**
     * 观察者取消关联
     * @param o 待观察者()
     */
    void detach(Observer<T> o);

    /**
     * 当信息体更新时调用,用于通知观察者
     */
    void notifyObserver();
}

3.信息体(Song)
代码语言:javascript
复制
public class Song {
    private String title;
    private String singer;
    private long seek;

    public Song(String title, String singer, long seek) {
        this.title = title;
        this.singer = singer;
        this.seek = seek;
    }
    //set、get、toString省略...
}

4.信息提供者(被观察者实现类):
代码语言:javascript
复制
public class SongSubject implements Subject<Song>{
    private List<Observer<Song>> mObservers = new ArrayList<>();//观察者对象集合
    private Song mSong;

    @Override
    public void attach(Observer<Song> observer) {
        mObservers.add(observer);
    }

    @Override
    public void detach(Observer<Song> observer) {
        mObservers.remove(observer);
    }

    @Override
    public void notifyObserver() {
        for (Observer<Song> o : mObservers) {
            o.update(mSong);
        }
    }

    /**
     * 设置信息--通知所有观察者
     * @param song
     */
    public void setSong(Song song) {
        mSong = song;
        this.notifyObserver();
    }
}

5.Pop观察者实现类
代码语言:javascript
复制
/**
 * 作者:张风捷特烈
 * 时间:2018/12/24 0024:21:27
 * 邮箱:1981462002@qq.com
 * 说明:观察者:Pop
 */
public class PopPager implements Observer<Song> {

    @Override
    public void update(Song song) {
        //TODO:更新时的视图渲染
        System.out.println("PopPager:" + song);
    }

}

6.Fragment观察者实现类
代码语言:javascript
复制
/**
 * 作者:张风捷特烈
 * 时间:2018/12/24 0024:21:27
 * 邮箱:1981462002@qq.com
 * 说明:观察者:Fragment
 */
public class HomeListFragment implements Observer<Song> {
    @Override
    public void update(Song song) {
        //TODO:更新时的视图渲染
        System.out.println("HomeListFragment:" + song);
    }
}

7.主页面观察者实现类

主要绑定逻辑在模仿的onCreate里,当然mpv里,你可以根据实际情况

代码语言:javascript
复制
/**
 * 作者:张风捷特烈
 * 时间:2018/12/24 0024:21:27
 * 邮箱:1981462002@qq.com
 * 说明:观察者:Activity
 */
public class HomeActivity implements Observer<Song> {
    private int seek;

    public void onCreate() {
    
        SongSubject songSubject = new SongSubject();
        PopPager popPager = new PopPager();//常见Pop
        HomeListFragment homeListFragment = new HomeListFragment();//创建Fragment
        songSubject.attach(this);//HomeActivity观察信息
        songSubject.attach(homeListFragment);//homeListFragment观察信息
        songSubject.attach(popPager);//popPager观察信息

        Song song = new Song("勇气", "葛强丽", seek);//信息模拟
        Timer timer = new Timer();//计时器轮训任务
        timer.schedule(new TimerTask() {
            public void run() {
                song.setSeek(seek++);//修改信息
                songSubject.setSong(song);//设置信息,通知所有观察者
            }
        }, 0, 1000);
    }

    @Override
    public void update(Song song) {
        //TODO:更新时的视图渲染
        System.out.println("HomeActivity:" + song);
    }
}

8.启动类:
代码语言:javascript
复制
public class Boot {
    public static void main(String[] args) {
        HomeActivity activity = new HomeActivity();
        activity.onCreate();
    }
}

三、观察者模式分析
1.运行结果如下图

结果.gif


2.分析:

单看结果好像并没有什么特色,但是请注意:

代码语言:javascript
复制
每次的印的三条数据分别来源于三个不同的类
当你在update方法里用song对象控制视图显示时,只需要让被观察者更新数据就行了
三个界面的信息会同步变化,这就是观察者模式优秀的地方
毕竟实际中Pop弹框,Activity,Fragement分属不同类,能够这样统一变化会减少耦合

3.小结

设计模式还是在需要的时候能理解的清晰一些,干巴巴的看典例总感觉也就那样 最近在做个人播放器玩一下,整个体系挺大的,也比较碎,应该不能成文了,等完善发后源码吧

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018.12.25 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一、引入:
  • 二、观察者模式:
    • 1.接口层:Observer接口:(观察者)
      • 2.接口层:Subject接口:(被观察者)
        • 3.信息体(Song)
          • 4.信息提供者(被观察者实现类):
            • 5.Pop观察者实现类
              • 6.Fragment观察者实现类
                • 7.主页面观察者实现类
                  • 8.启动类:
                  • 三、观察者模式分析
                    • 1.运行结果如下图
                      • 2.分析:
                        • 3.小结
                        领券
                        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档