文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android基于MediatorLiveData如何实现红点的统一管理

2023-06-14 10:38

关注

这篇文章主要介绍了Android基于MediatorLiveData如何实现红点的统一管理,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

背景

小红点在各个App内随处可见,并且随着需求的不断迭代,需要展示小红点的需求越来越多。

这个时候,如果没有对红点的展示逻辑做一个统一的抽象和管理的话,就会感觉很复杂,后续也不太好维护。

本文会基于MediatorLiveData,实现对红点的统一管理。

需求分析

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

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

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

Android基于MediatorLiveData如何实现红点的统一管理

Android基于MediatorLiveData如何实现红点的统一管理

思路分析

树形模型

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

Android基于MediatorLiveData如何实现红点的统一管理

具体代码实现

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

MediatorLiveData

官方提供了MediatorLiveData。

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

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

Android基于MediatorLiveData如何实现红点的统一管理

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);    }    @Override    public void onChanged(@Nullable V v) {      if (mVersion != mLiveData.getVersion()) {        mVersion = mLiveData.getVersion();        mObserver.onChanged(v);      }    }  }}

RedPointManager

Android基于MediatorLiveData如何实现红点的统一管理

class RedPointManager : IRedPointManager {  companion object {    val TAG = "RedPointManager"    @JvmStatic    val instance: 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")        liveDataA.addSource(liveDataB1, Observer {      liveDataA.postValue(liveDataB1.isTrue() || liveDataB2.isTrue())    })    liveDataA.addSource(liveDataB2, Observer {      liveDataA.postValue(liveDataB1.isTrue() || liveDataB2.isTrue())    })    liveDataB1.addSource(liveDataC1, Observer {      liveDataB1.postValue(liveDataC1.isTrue() || liveDataC2.isTrue())    })    liveDataB1.addSource(liveDataC2, Observer {      liveDataB1.postValue(liveDataC1.isTrue() || liveDataC2.isTrue())    })  }  override fun testChangeDataC1(show: Boolean) {    liveDataC1.postValue(show)    Log.d(TAG, "testChangeDataC1: $show")  }}interface IRedPointManager {  val liveDataA: LiveData<Boolean>  val liveDataB1: LiveData<Boolean>  val liveDataB2: LiveData<Boolean>  val liveDataC1: LiveData<Boolean>  val liveDataC2: LiveData<Boolean>  fun testChangeDataC1(show: Boolean)}

验证刷新逻辑

一般情况下,只需要改动叶子节点的红点对应的LiveData,父节点的LiveData就会自动改变。 基于上述代码,调用testChangeDataC1方法后,监听LiveData并输出日志。

  private fun testRedPointManager() {    RedPointManager.instance.liveDataA.observe(this, Observer {      Log.d(TAG, "liveDataA: $it")    })    RedPointManager.instance.liveDataB1.observe(this, Observer {      Log.d(TAG, "liveDataB1: $it")    })    RedPointManager.instance.liveDataB2.observe(this, Observer {      Log.d(TAG, "liveDataB2: $it")    })    RedPointManager.instance.liveDataC1.observe(this, Observer {      Log.d(TAG, "liveDataC1: $it")    })    RedPointManager.instance.liveDataC2.observe(this, Observer {      Log.d(TAG, "liveDataC2: $it")    })    RedPointManager.instance.testChangeDataC1(true)  }   //从输出日志可以发现,底层的liveDataC1发生改变,触发顶层的liveDataB1发生改变。liveDataB1的变化,也触发了liveDataA发生改变。RedPointManager inittestChangeDataC1: trueliveDataC1: truelveDataB1: trueliveDataA: true

感谢你能够认真阅读完这篇文章,希望小编分享的“Android基于MediatorLiveData如何实现红点的统一管理”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯