基于 MediatorLiveData 实现红点的统一管理,事件分发机制怎么回答
需求分析
这里举个例子,常见的红点场景,类似 qq 首页左上角红点的显示。
4 个页面,由首页进入到隐私保护指引页面,都有相应的红点 View 显示,去引导用户进入到最里面的"隐私保护指引"页面。
当用户点击红点,进入到"隐私保护指引"页面后,隐私保护指引对应的红点就会消失,同时会触发上级页面的红点刷新。
思路分析
树形模型
一个 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
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 {
评论