写点什么

基于 MediatorLiveData 实现红点的统一管理,事件分发机制怎么回答

用户头像
Android架构
关注
发布于: 2 小时前

需求分析

这里举个例子,常见的红点场景,类似 qq 首页左上角红点的显示。


  1. 4 个页面,由首页进入到隐私保护指引页面,都有相应的红点 View 显示,去引导用户进入到最里面的"隐私保护指引"页面。

  2. 当用户点击红点,进入到"隐私保护指引"页面后,隐私保护指引对应的红点就会消失,同时会触发上级页面的红点刷新。





思路分析

树形模型

一个 App 的页面本身就是分级的,对于页面的访问路径本质上就是个树型结构。 整体的实现思路是用树形模型去管理不同页面的红点


  • 每个小红点就是一个树的节点,父节点的小红点是否显示,取决于它的子节点的并集结果。

  • 同一个页面中的不同红点。在树中是同一个层级,属于兄弟关系,互相独立。

  • 子节点的状态变化,会递归地去触发父节点的状态变化。


具体代码实现

那对应的代码应该如何实现呢,难道真的要手动自己实现一棵树?也不是不行,就是感觉有点小麻烦的样子。 下面进入正题。

MediatorLiveData

官方提供了 MediatorLiveData。


  • 通过 addSource 方法,可以监听另一个 LiveData 的数据变化

  • 本身就是一个 LiveData,可以被其他 Observer 观察


这两个特点,刚好满足我们的需求实现。比如 MediatorLiveData A 观察 MediatorLiveData B,MediatorLiveData B 观察 MediatorLiveData C 和 MediatorLiveData D。并且被观察的 LiveData 发生变化,作为观察的 LiveData 都能收到通知。


通过管理多个 LiveData 之间的关系,这样就可以间接实现了一棵树的模型。



public class MediatorLiveData<T> extends MutableLiveData<T> {private SafeIterableMap<LiveData<?>, Source<?>> mSources = new SafeIterableMap<>();


public <S> void addSource(@NonNull LiveData<S> source, @NonNull Observer<? super S> onChanged) {//使用 Source 包一下 Source<S> e = new Source<>(source, onChanged);Source<?> existing = mSources.putIfAbsent(source, e);if (hasActiveObservers()) {e.plug();}}


private static class Source<V> implements Observer<V> {final LiveData<V> mLiveData;final Observer<? super V> mObserver;int mVersion = START_VERSION;


Source(LiveData<V> liveData, final Observer<? super V> observer) {mLiveData = liveData;mObserver = observer;}


void plug() {mLiveData.observeForever(this);}


void unplug() {mLiveData.removeObserver(this);}


@Overridepublic void onChanged(@Nullable V v) {if (mVersion != mLiveData.getVersion()) {mVersion = mLiveData.getVersion();mObserver.onChanged(v);}}}}

RedPointManager

  • 这里的实现,封装成一个单例 RedPointManager,暴露相应的红点数据给外部。

  • LiveData 数据驱动:RedPointManager 内包含了多个 LiveData,不同页面的红点 View 可以通过观察对应的 LiveData,来驱动自身的视图变化。

  • 父节点使用 MediatorLiveData,观察相应的子节点 LiveData。 叶子节点定义成普通的 LiveData 就行了,因为不需要观察其他对象了。



/**


  • 基于 MediatorLiveData,实现树形红点管理*/class RedPointManager : IRedPointManager {


companion object {val TAG = "RedPointManager"


@JvmStaticval insta


《Android学习笔记总结+最新移动架构视频+大厂安卓面试真题+项目实战源码讲义》
浏览器打开:qq.cn.hn/FTe 免费领取
复制代码


nce: IRedPointManager by lazy(mode = LazyThreadSafetyMode.SYNCHRONIZED) {RedPointManager()}}


override val liveDataA = MediatorLiveData<Boolean>()override val liveDataB1 = MediatorLiveData<Boolean>()override val liveDataB2 = MutableLiveData<Boolean>()override val liveDataC1 = MutableLiveData<Boolean>()override val liveDataC2 = MutableLiveData<Boolean>()


init {Log.d(TAG, "RedPointManager init")/**


  • 构建树型关系。按路径层级,进行观察。一般外部只需要改动最低层的红点对应的 LiveData,顶部的 LiveData 就会自动改变*/liveDataA.addSource(liveDataB1, Observer {liveDataA.postValue(liveDataB1.isTrue() || liveDataB2.isTrue())})liveDataA.addSource(liveDataB2, Observer {

用户头像

Android架构

关注

还未添加个人签名 2021.10.31 加入

还未添加个人简介

评论

发布
暂无评论
基于MediatorLiveData实现红点的统一管理,事件分发机制怎么回答