JetPack之ViewModel+LiveData

目录

  • 一、概述
  • 二、LiveData 使用
    • 2.1 创建 LiveData 对象
    • 2.2 观察 LiveData 对象
    • 2.3 更新 LiveData 对象
  • 三、编写 LiveData Demo
    • 3.1 不使用 LiveData
    • 3.2 使用 MutableLiveData
    • 3.3 使用 MediatorLiveData
      • 3.3.1 监听 2 个数据源的变化
      • 3.3.2 编写模拟 2 个数据源更新的代码
  • 四、ViewModel 使用
    • 4.1 创建 ViewModel 类
    • 4.2 在 Activity 中使用
  • 五、ViewModel+LiveData
    • 5.1 在 ViewModel 中增加 LiveData
    • 5.2 在 ViewModel 中添加操作数据的逻辑
    • 5.3 修改 MainActivity 中和 liveData 有关的代码
    • 5.4 修改 MyViewModel
    • 5.5 修改后
      • 5.5.1 修改后MainActivity
      • 5.5.2 修改后MyViewModel
  • 六、总结

一、概述

之前单独介绍过ViewModel和LiveData，但是没有将两者结合使用。
JetPack之ViewModel
JetPack之LiveData
ViewModel 对象为特定的界面组件（如 Fragment 或 Activity）提供数据，并包含数据处理业务逻辑，会配合 LiveData 一起使用。
LiveData 是一种可观察的数据存储器类， LiveData 使用观察者模式，每当数据发生变化时， LiveData 会通知 Observer 对象，可以在这些 Observer 对象中更新 UI。
接下来，先介绍如果使用 LiveData，并编写一个 LiveData Demo，接着再结合ViewModel 对 LiveData Demo 的代码进行重构

二、LiveData 使用

LiveData< T>是一个抽象类，它有 2 个子类分别是： MutableLiveData和MediatorLiveData< T>，在编写代码时，是创建的子类。先来看MutableLiveData< T>使用方法，在后面的示例中再介绍如何使用 MediatorLiveData< T>

2.1 创建 LiveData 对象

如果要观察的对象类为 String，就通过如下代码创建一个 MutableLiveData 对象

MutableLiveData< String> liveData = new MutableLiveData<>();

2.2 观察 LiveData 对象

通过 observe 方法来监听 LiveData 的数据变化，每当 LiveData 发生变化时，都会回调
onChanged 方法，并返回值的内容 String s

liveData.observe(this, new Observer< String>() {
@Override
public void onChanged(String s) {
Log.i(TAG, "onChanged: " + s)}
});

2.3 更新 LiveData 对象

通过 LiveData 的 setValue 方法，给 LiveData 赋值，每次赋完值后，都会回调 onChanged 方法

liveData.setValue("add for test");

当给 LiveData 赋值为"add for test"时， onChanged 会输出日志：

I/LiveDataDemo: onChanged: add for test

三、编写 LiveData Demo

创建一个 Demo，主界面只有一个 TextView， TextView 用作展示一个数字，这个数字会从 59 开始显示，然后每隔 1 秒数字会减 1，直到数字变为 0。

3.1 不使用 LiveData

代码说明：
1、在 MainActivity 增加一个 countDown 的方法，通过 CountDownTimer 创建一个倒计时器
2、 new CountDownTimer(1 * 60 * 1000, 1 * 1000)中 2 个参数的含义：第一个参数表示这个 Timer 的总时长为 60 秒；第 2 个参数表示每隔 1 秒中会更新一次，并回调 onTick方法
3、每次调用 onTick 方法，会调用 textView.setText(String.valueOf(l / 1000));设置一次TextView 的内容
对应代码如下：

public class MainActivity extends AppCompatActivity {private TextView textView;@SuppressLint("MissingInflatedId")@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);textView = findViewById(R.id.textView);countDown();}private void countDown() {new CountDownTimer(1 * 60 * 1000, 1 * 1000) {@Overridepublic void onTick(long l) {textView.setText(String.valueOf(l / 1000));}@Overridepublic void onFinish() {}}.start();}
}

布局文件:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><TextViewandroid:id="@+id/textView"android:layout_width="wrap_content"android:layout_height="wrap_content"app:layout_constraintBottom_toBottomOf="parent"app:layout_constraintEnd_toEndOf="parent"app:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent" /></androidx.constraintlayout.widget.ConstraintLayout>

效果：
在这里插入图片描述
弊端：
业务逻辑(倒计时的功能)和 UI 逻辑(TextView 更新)没有分开，耦合到一起了

3.2 使用 MutableLiveData

为了方便演示，直接在 MainActivity 中操作 LiveData，实际项目中不要这样编写代码，应该把LiveData 放到 ViewModel 中
Google 推荐的使用 LiveData 的方法：
在这里插入图片描述

代码说明：
1、在 MainActivity 中增加一个 long 类型的 MutableLiveData
2、每次回调 onTick 方法时，调用 liveData.setValue(l);，把最新的值设置给 LiveData
3、调用 LivewData 的 observe 方法，设置一个监听器，每当 LiveData 的值变化时，会回调 onChanged 方法，在 onChanged 中设置 TextView 的内容
对应代码如下：

public class MainActivity extends AppCompatActivity {private final MutableLiveData<Long> liveData = new MutableLiveData<>();private TextView textView;@SuppressLint("MissingInflatedId")@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);textView = findViewById(R.id.textView);countDown();// TODO：为了方便演示，直接在 MainActivity 中操作 LiveData，实际项目中不要这样编写代码，应该把 LiveData 放到 ViewModel 中liveData.observe(this, new Observer<Long>() {@Overridepublic void onChanged(Long aLong) {textView.setText(String.valueOf(aLong / 1000));}});countDown();}public void countDown() {new CountDownTimer(1 * 60 * 1000, 1 * 1000) {@Overridepublic void onTick(long l) {// TODO：为了方便演示，直接在 MainActivity 中操作 LiveData，实际项目中不要这样编写代码，应该把 LiveData 放到 ViewModel 中liveData.setValue(l);}@Overridepublic void onFinish() {}}.start();}}

效果与上面一样。

3.3 使用 MediatorLiveData

MediatorLiveData 可以合并多个 LiveData 源，只要任何原始的 LiveData 源对象发生更改，就会触发 MediatorLiveData 对象的观察者。
例如，如果界面中有可以从本地数据库或网络更新的 LiveData 对象，则可以向MediatorLiveData 对象添加以下源：

与存储在数据库中的数据关联的LiveData 对象。
与从网络访问的数据关联的LiveData 对象。

Activity 只需观察 MediatorLiveData 对象即可从这两个源接收更新。接下来，实现这个例子。

3.3.1 监听 2 个数据源的变化

代码说明如下：
1、创建 1 个 MediatorLiveData< String>对象
2、创建 2 个MutableLiveData： liveData1 表示网络数据源， liveData2 表示本地数据源
3、调用 MediatorLiveData 的 addSource 方法，分别将 liveData1 和 liveData2 加到 MediatorLiveData 要监听的数据源中
4、设置 MediatorLiveData 的监听，当 2 个数据源发生变化时，会回调onChanged 方法，并将变化的内容展示到 TextView 上

3.3.2 编写模拟 2 个数据源更新的代码

编写一个 mergeTes 的方法，里面创建了 2 个 Timer，用作模拟网络数据更新和本地数据更新的情况，每隔 3 秒会往网络数据 liveData1 设置值、每隔 10 秒会往本地数据liveData2 设置值。
完整代码如下

public class MainActivity extends AppCompatActivity {private TextView textView;private MutableLiveData< String> liveData1 = new MutableLiveData<>();private MutableLiveData< String> liveData2 = new MutableLiveData<>();final MediatorLiveData< String> liveDataMerger = new MediatorLiveData<>();@SuppressLint("MissingInflatedId")@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);textView = findViewById(R.id.textView);liveDataMerger.addSource(liveData1, new Observer< String>() {@Overridepublic void onChanged(String s) {liveDataMerger.setValue(s);}});liveDataMerger.addSource(liveData2, new Observer< String>() {@Overridepublic void onChanged(String s) {liveDataMerger.setValue(s);}});liveDataMerger.observe(this, new Observer< String>() {@Overridepublic void onChanged(String s) {textView.setText(s);}});mergeTest();}public void mergeTest() {new CountDownTimer(1 * 60 * 1000, 3 * 1000) {@Overridepublic void onTick(long l) {liveData1.setValue("网络有数据更新了" + l/1000);}@Overridepublic void onFinish() {}}.start();new CountDownTimer(1 * 60 * 1000, 10 * 1000) {@Overridepublic void onTick(long l) {liveData2.setValue("本地数据库更新了" + l/1000);}@Overridepublic void onFinish() {}}.start();}
}

运行效果

在这里插入图片描述

四、ViewModel 使用

4.1 创建 ViewModel 类

创建一个 MyViewModel 类，继承自 ViewModel

import androidx.lifecycle.ViewModel;
public class MyViewMode extends ViewModel {}

4.2 在 Activity 中使用

    public class MainActivity extends AppCompatActivity {private MyViewModel viewModel;@Overrideprotectedvoid onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);viewModel = new ViewModelProvider(this).get(MyViewModel.class);}}

五、ViewModel+LiveData

5.1 在 ViewModel 中增加 LiveData

在 MyViewModel 中增加 3 个 MutableLiveData，分别对应在 MainActivity 中使用到的。
并编写这 3 个 LiveData 的 get 方法

public class MyViewModel extends ViewModel {private MutableLiveData<Long> liveData = new MutableLiveData<>();private MutableLiveData<String> liveData1 = new MutableLiveData<>();private MutableLiveData<String> liveData2 = new MutableLiveData<>();public MutableLiveData<Long> getLiveData() {return liveData;}public MutableLiveData<String> getLiveData1() {return liveData1;}public MutableLiveData<String> getLiveData2() {return liveData2;}}

5.2 在 ViewModel 中添加操作数据的逻辑

countDown、 mergeTest 这 2 个方法在操作数据，从 MainActivity 中把这 2 个方法copy 到 MyViewModel 中

    public void countDown() {new CountDownTimer(1 * 60 * 1000, 1 * 1000) {@Overridepublic void onTick(long l) {liveData.postValue(l);}@Overridepublic void onFinish() {}}.start();}public void mergeTest() {new CountDownTimer(1 * 60 * 1000, 3 * 1000) {@Overridepublic void onTick(long l) {liveData1.postValue("网络有数据更新了" + l / 1000);}@Overridepublic void onFinish() {}}.start();new CountDownTimer(1 * 60 * 1000, 10 * 1000) {@Overridepublic void onTick(long l) {liveData2.postValue("本地数据库更新了" + l / 1000);}@Overridepublic void onFinish() {}}.start();}

5.3 修改 MainActivity 中和 liveData 有关的代码

1、删除 countDown，改用 viewModel.countDown();

    MyViewModel viewModel = new ViewModelProvider(this).get(MyViewModel.class);viewModel.countDown();

2、用 viewModel.getLiveData().observe 替换 liveData.observe

    viewModel.getLiveData().observe(this, new Observer<Long>() {@Overridepublic void onChanged(Long aLong) {textView.setText(String.valueOf(aLong / 1000));}});

5.4 修改 MyViewModel

增加 liveDataMerger 字段，并编写 getLiveDataMerger()方法，这个方法里面的内容，是从 MainActivity 中 copy 过来的

public class MyViewModel extends ViewModel {private MediatorLiveData<String> liveDataMerger;private MutableLiveData<Long> liveData = new MutableLiveData<>();private MutableLiveData<String> liveData1 = new MutableLiveData<>();private MutableLiveData<String> liveData2 = new MutableLiveData<>();public MediatorLiveData<String> getLiveDataMerger() {if (liveDataMerger == null) {liveDataMerger = new MediatorLiveData<>();}liveDataMerger.addSource(liveData1, new Observer<String>() {@Overridepublic void onChanged(String s) {liveDataMerger.setValue(s);}});liveDataMerger.addSource(liveData2, new Observer<String>() {@Overridepublic void onChanged(String s) {liveDataMerger.setValue(s);}});return liveDataMerger;}
.........

5.5 修改后

5.5.1 修改后MainActivity

public class MainActivity extends AppCompatActivity {private TextView textView;private MyViewModel viewModel;@SuppressLint("MissingInflatedId")@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);textView = findViewById(R.id.textView);viewModel = new ViewModelProvider(this).get(MyViewModel.class);viewModel.getLiveDataMerger().observe(this, new Observer<String>() {@Overridepublic void onChanged(String s) {textView.setText(s);}});viewModel.mergeTest();
//        viewModel.getLiveData().observe(this, new Observer<Long>() {
//            @Override
//            public void onChanged(Long aLong) {
//                textView.setText(String.valueOf(aLong / 1000));
//            }
//        });
//        viewModel.countDown();}
}

5.5.2 修改后MyViewModel

public class MyViewModel extends ViewModel {private MutableLiveData<Long> liveData = new MutableLiveData<>();private MutableLiveData<String> liveData1 = new MutableLiveData<>();private MutableLiveData<String> liveData2 = new MutableLiveData<>();private MediatorLiveData<String> liveDataMerger;public MediatorLiveData<String> getLiveDataMerger() {if (liveDataMerger == null) {liveDataMerger = new MediatorLiveData<>();}liveDataMerger.addSource(liveData1, new Observer<String>() {@Overridepublic void onChanged(String s) {liveDataMerger.setValue(s);}});liveDataMerger.addSource(liveData2, new Observer<String>() {@Overridepublic void onChanged(String s) {liveDataMerger.setValue(s);}});return liveDataMerger;}public MutableLiveData<Long> getLiveData() {return liveData;}public MutableLiveData<String> getLiveData1() {return liveData1;}public MutableLiveData<String> getLiveData2() {return liveData2;}public void countDown() {new CountDownTimer(1 * 60 * 1000, 1 * 1000) {@Overridepublic void onTick(long l) {liveData.postValue(l);}@Overridepublic void onFinish() {}}.start();}public void mergeTest() {new CountDownTimer(1 * 60 * 1000, 3 * 1000) {@Overridepublic void onTick(long l) {liveData1.postValue("网络有数据更新了" + l / 1000);}@Overridepublic void onFinish() {}}.start();new CountDownTimer(1 * 60 * 1000, 10 * 1000) {@Overridepublic void onTick(long l) {liveData2.postValue("本地数据库更新了" + l / 1000);}@Overridepublic void onFinish() {}}.start();}
}

六、总结

ViewModel 和 LiveData 结合使用的一些好处：

  • 生命周期感知：ViewModel 和 LiveData 都是生命周期感知的组件，它们可以在界面控制器（如 Activity 或 Fragment）的生命周期变化时自动调整其行为。这意味着可以在 ViewModel 中存储和管理数据，而 LiveData 可以通知观察者（如界面控制器）数据的变化。
  • 数据持久性：ViewModel 和 LiveData 结合使用可以确保数据在配置更改（如屏幕旋转）时得以保留。ViewModel 会在界面控制器销毁和重新创建时保持数据不变，而 LiveData 可以通知观察者更新数据。
  • 避免内存泄漏：ViewModel 和 LiveData 的结合使用有助于避免内存泄漏问题。ViewModel 不持有对界面控制器的引用，而 LiveData 会自动处理观察者的生命周期，从而避免因观察者未及时取消注册而导致的内存泄漏。
  • 数据更新通知：LiveData 可以实现数据的观察和更新，当数据发生变化时，LiveData 会通知所有观察者进行相应的更新操作。这样可以确保界面与数据保持同步，提升用户体验。
  • 简化异步操作：LiveData 可以结合 ViewModel 使用，帮助简化异步操作和数据加载过程。可以在 ViewModel 中处理异步操作，然后通过 LiveData 将结果传递给观察者，从而实现响应式编程。
  • 解耦数据和界面：ViewModel 和 LiveData 的结合使用有助于将数据逻辑与用户界面分离，使代码更易于维护和测试。ViewModel 中的数据可以供多个界面控制器共享，避免重复加载数据。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/669483.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

张大哥笔记：引流108招，让天下没有难搞的流量

张大哥笔记：引流108招，让天下没有难搞的流量

时至今日&#xff0c;流量有多重要不用我多说。 不管网络还是实体所有项目都需要引流。 赚钱的公式很简单: 流量产品赚钱。 产品可以是实物&#xff0c;也可以是服务&#xff0c;更可以是虚拟商品。 甚至有些时候&#xff0c;没有产品&#xff0c;只有流量&#xff0c;你也…
阅读更多...
03.配置监控一台服务器主机

03.配置监控一台服务器主机

配置监控一台服务器主机 安装zabbix-agent rpm -ivh https://mirror.tuna.tsinghua.edu.cn/zabbix/zabbix/4.0/rhel/7/x86_64/zabbix-agent-4.0.11-1.el7.x86_64.rpm配置zabbix-agent,配置的IP地址是zabbix-server的地址&#xff0c;因为要监控这台主机 vim /etc/zabbix/zab…
阅读更多...
今日分享【CSS中的经典使用】

今日分享【CSS中的经典使用】

经典双飞翼布局 先看效果 双飞翼布局要求&#xff1a; 1、header和footer各自占领屏幕所有宽度&#xff0c;高度固定。 2、中间的container是一个三栏布局。 3、三栏布局两侧宽度固定不变&#xff0c;中间部分自动填充整个区域。 4、中间部分的高度是三栏中最高的区域的高度。…
阅读更多...
C语言 | Leetcode C语言题解之第70题爬楼梯

C语言 | Leetcode C语言题解之第70题爬楼梯

题目&#xff1a; 题解&#xff1a; int climbStairs(int n) {double sqrt5 sqrt(5);double fibn pow((1 sqrt5) / 2, n 1) - pow((1 - sqrt5) / 2, n 1);return (int) round(fibn / sqrt5); }
阅读更多...
WebSocket 多屏同显和异显

WebSocket 多屏同显和异显

介绍 多屏同显：通过在一个应用上进行操作之后，另一个应用也能跟着一起发生改变，例如app1播放了晴天这首音乐，那么app2也要同步播放这首音乐，确保所有屏幕显示的内容完全相同。多屏异显：每个屏幕可以显示不同的内容，或者在内容更新时存在一定的延迟，而不需要严格保持同步…
阅读更多...
vue快速入门（五十七） 作用域插槽

vue快速入门（五十七） 作用域插槽

注释很详细&#xff0c;直接上代码 上一篇 新增内容 作用域插槽实现表格删除数据 源码 App.vue <template><div id"app"><!-- 向子组件传值 --><MyTable :tableData"tableData"><!-- 接收子组件的传值&#xff0c;默认是对象格…
阅读更多...
06.Git远程仓库

06.Git远程仓库

Git远程仓库 #仓库种类&#xff0c;举例说明 github gitlab gitee #以这个仓库为例子操作登录码云 https://gitee.com/projects/new 创建仓库 选择ssh方式 需要配置ssh公钥 在系统上获取公钥输入命令&#xff1a;ssh-keygen 查看文件&#xff0c;复制公钥信息内…
阅读更多...
【软考高项】三十一、成本管理4个过程

【软考高项】三十一、成本管理4个过程

一、规划成本管理 1、定义、作用 定义&#xff1a;确定如何估算、预算、管理、监督和控制项目成本的过程作用&#xff1a;在整个项目期间为如何管理项目成本提供指南和方向 应该在项目规划阶段的早期就对成本管理工作进行规划&#xff0c;建立各成本管理过程的基本框架&…
阅读更多...
一款 NodeJS 版本管理工具 NVM (Windows)

一款 NodeJS 版本管理工具 NVM (Windows)

一、简介 Node Version Manager&#xff08;NVM&#xff09;是一种用于管理多个 NodeJS 版本的工具。在日常工作中&#xff0c;我们可能同时在进行多个不同的项目开发&#xff0c;每个项目的需求不同&#xff0c;依赖与不同版本的NodeJS 运行环境。这种情况下&#xff0c;维护…
阅读更多...
cmake进阶：定义函数的内部变量

cmake进阶：定义函数的内部变量

一. 简介 前一篇文章学习 cmake中的定义函数基本用法。文章如下&#xff1a; cmake进阶&#xff1a;定义函数的使用方法-CSDN博客 本文继续学习 cmake中的定义函数&#xff0c;主要学习函数的内部变量。 二. cmake进阶&#xff1a;定义函数的内部变量 上一篇文章说过&…
阅读更多...
从算法到应用：直播美颜SDK背后的计算机视觉技术演进

从算法到应用：直播美颜SDK背后的计算机视觉技术演进

背后支撑美颜功能的&#xff0c;是计算机视觉技术的不断演进和算法的不断优化。本文将带您深入探讨直播美颜SDK背后的计算机视觉技术演进之路。 美颜算法的起源 美颜算法的起源可以追溯到计算机图形学的发展。早期的美颜算法主要基于图像处理技术&#xff0c;包括模糊、锐化、…
阅读更多...
== 和 equals()区别，equals()重写问题

== 和 equals()区别，equals()重写问题

对于引用类型&#xff1a;比较的是两个引用是否相同&#xff08;所指的是否为同一个对象&#xff09;&#xff0c;注&#xff1a;如果两个引用所指的对象内容一样&#xff0c;但是不是同一个对象&#xff08;hashcode不一样&#xff09;&#xff0c;依然返回false&#xff0c;随…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023