MVVM系列之三：ViewModel，阿里P7亲自教你

Java有多久学会

于 2024-03-17 18:01:10 发布

阅读量849

点赞数 20

分类专栏： Android程序员文章标签： android

本文链接：https://blog.csdn.net/m0_60635609/article/details/136786406

版权

Android程序员专栏收录该内容

12 篇文章 0 订阅

订阅专栏

ViewModel是Jetpack AAC的重要组件，同时也有一个同名抽象类。

ViewModel，意为视图模型，即 为界面准备数据的模型。简单理解就是，ViewModel为UI层提供数据。官方文档定义如下：

ViewModel 以注重生命周期的方式存储和管理界面相关的数据。(作用)

ViewModel 类让数据可在发生屏幕旋转等配置更改后继续留存。(特点)

到这里，你可能还是不清楚ViewModel到底是干啥的，别急，往下看。

1.1 出场背景

在详细介绍ViewModel前，先来看下背景和问题点。

Activity可能会在某些场景（例如屏幕旋转）销毁和重新创建界面，那么存储在其中的界面相关数据都会丢失。例如，界面含用户信息列表，因配置更改而重新创建 Activity 后，新 Activity 必须重新请求用户列表，这会造成资源的浪费。能否直接恢复之前的数据呢？对于简单的数据，Activity 可以使用 onSaveInstanceState() 方法保存然后从 onCreate() 中的Bundle恢复数据，但此方法仅适合可以序列化再反序列化的少量数据（IPC对Bundle有1M的限制），而不适合数量可能较大的数据，如用户信息列表或位图。那么如何做到因配置更改而新建Activity后的数据恢复呢？
UI层（如 Activity 和 Fragment）经常需要通过逻辑层（如MVP中的Presenter）进行异步请求，可能需要一些时间才能返回结果，如果逻辑层持有UI层应用（如context），那么UI层需要管理这些请求，确保界面销毁后清理这些调用以避免潜在的内存泄露，但此项管理需要大量的维护工作。那么如何更好的避免因异步请求带来的内存泄漏呢？

这时候ViewModel就闪亮出场了——ViewModel用于代替MVP中的Presenter，为UI层准备数据，用于解决上面两个问题。

1.2 特点

具体地，相比于Presenter，ViewModel有以下特点：

1.2.1 生命周期长于Activity

ViewModel最重要的特点是 生命周期长于Activity。来看下官网的一张图：

看到在因屏幕旋转而重新创建Activity后，ViewModel对象依然会保留。只有Activity真正Finish的时ViewModel才会被清除。

也就是说，因系统配置变更Activity销毁重建，ViewModel对象会保留并关联到新的Activity。而Activity的正常销毁（系统不会重建Activity）时，ViewModel对象是会清除的。

那么很自然的，因系统配置变更Activity销毁重建，ViewModel内部存储的数据就可供重新创建的Activity实例使用了。这就解决了第一个问题。

1.2.2 不持有UI层引用

我们知道，在MVP的Presenter中需要持有IView接口来回调结果给界面。

而ViewModel是不需要持有UI层引用的，那结果怎么给到UI层呢？答案就是使用上一篇中介绍的基于观察者模式的LiveData。并且，ViewModel也不能持有UI层引用，因为ViewModel的生命周期更长。

所以，ViewModel不需要也不能持有UI层引用，那么就避免了可能的内存泄漏，同时实现了解耦。这就解决了第二个问题。

2、ViewModel使用

=============

2.1 基本使用

了解了ViewModel作用解特点，下面来看看如何结合LivaData使用的。（gradle依赖在第一篇中已经介绍过了。）

步骤：

继承ViewModel自定义MyViewModel
在MyViewModel中编写获取UI数据的逻辑
使用LiveData将获取到的UI数据抛出
在Activity/Fragment中使用ViewModelProvider获取MyViewModel实例
观察MyViewModel中的LiveData数据，进行对应的UI更新。

举个例子，如果您需要在Activity中显示用户信息，那么需要将获取用户信息的操作分放到ViewModel中，代码如下：

public class UserViewModel extends ViewModel {

private MutableLiveData userLiveData ;

private MutableLiveData loadingLiveData;

public UserViewModel() {

userLiveData = new MutableLiveData<>();

loadingLiveData = new MutableLiveData<>();

}

//获取用户信息,假装网络请求 2s后返回用户信息

public void getUserInfo() {

loadingLiveData.setValue(true);

new AsyncTask<Void, Void, String>() {

@Override

protected void onPostExecute(String s) {

loadingLiveData.setValue(false);

userLiveData.setValue(s);//抛出用户信息

}

@Override

protected String doInBackground(Void… voids) {

try {

Thread.sleep(2000);

} catch (InterruptedException e) {

e.printStackTrace();

}

String userName = “我是胡飞洋，公众号名字也是胡飞洋，欢迎关注~”;

return userName;

}

}.execute();

}

public LiveData getUserLiveData() {

return userLiveData;

}

public LiveData getLoadingLiveData() {

return loadingLiveData;

}

UserViewModel继承ViewModel，然后逻辑很简单：假装网络请求 2s后返回用户信息，其中userLiveData用于抛出用户信息，loadingLiveData用于控制进度条显示。

再看UI层：

public class UserActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

…

Log.i(TAG, "onCreate: ");

TextView tvUserName = findViewById(R.id.textView);

ProgressBar pbLoading = findViewById(R.id.pb_loading);

//获取ViewModel实例

ViewModelProvider viewModelProvider = new ViewModelProvider(this);

UserViewModel userViewModel = viewModelProvider.get(UserViewModel.class);

//观察用户信息

userViewModel.getUserLiveData().observe(this, new Observer() {

@Override

public void onChanged(String s) {

// update ui.

tvUserName.setText(s);

}

});

userViewModel.getLoadingLiveData().observe(this, new Observer() {

@Override

public void onChanged(Boolean aBoolean) {

pbLoading.setVisibility(aBoolean?View.VISIBLE:View.GONE);

}

});

//点击按钮获取用户信息

findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

userViewModel.getUserInfo();

}

});

}

@Override

protected void onStop() {

super.onStop();

Log.i(TAG, "onStop: ");

}

@Override

protected void onDestroy() {

super.onDestroy();

Log.i(TAG, "onDestroy: ");

}

布局文件：

<?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=“.user.UserActivity”>

<TextView

android:id=“@+id/tv_show”

android:layout_width=“match_parent”

android:layout_height=“60dp”

android:layout_margin=“20dp”

app:layout_constraintLeft_toLeftOf=“parent”

app:layout_constraintRight_toRightOf=“parent”

app:layout_constraintTop_toTopOf=“parent”

android:text=“UserActivity”

android:gravity=“center”

android:textSize=“20sp”

android:textAllCaps=“false”

<ProgressBar

android:id=“@+id/progressBar”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

app:layout_constraintLeft_toLeftOf=“parent”

app:layout_constraintRight_toRightOf=“parent”

app:layout_constraintTop_toBottomOf=“@+id/tv_show”

android:layout_marginTop=“20dp”

android:visibility=“gone”

<Button

android:id=“@+id/button”

android:layout_width=“200dp”

android:layout_height=“40dp”

app:layout_constraintLeft_toLeftOf=“parent”

app:layout_constraintRight_toRightOf=“parent”

app:layout_constraintTop_toBottomOf=“@+id/progressBar”

android:layout_marginTop=“20dp”

android:text=“点击获取用户信息”

</androidx.constraintlayout.widget.ConstraintLayout>

页面有个按钮用于点击获取用户信息，有个TextView展示用户信息。在onCreate()中先 创建ViewModelProvider实例，传入的参数是ViewModelStoreOwner，Activity和Fragment都是其实现。然后通过ViewModelProvider的get方法获取ViewModel实例，然后就是 观察ViewModel中的LiveData。

运行后，点击按钮会弹出进度条，2s后展示用户信息。接着旋转手机，我们发现用户信息依然存在。来看下效果：

旋转手机后确实是重建了Activity的，日志打印如下：

2021-01-06 20:35:44.984 28269-28269/com.hfy.androidlearning I/UserActivity: onStop:

2021-01-06 20:35:44.986 28269-28269/com.hfy.androidlearning I/UserActivity: onDestroy:

2021-01-06 20:35:45.025 28269-28269/com.hfy.androidlearning I/UserActivity: onCreate:

总结下：

ViewModel的使用很简单，作用和原来的Presenter一致。只是要结合LiveData，UI层观察即可。
ViewModel的创建必须通过ViewModelProvider。
注意到ViewModel中没有持有任何UI相关的引用。
旋转手机重建Activity后，数据确实恢复了。

2.2 Fragment间数据共享

Activity 中的多个Fragment需要相互通信是一种很常见的情况。假设有一个ListFragment，用户从列表中选择一项，会有另一个DetailFragment显示选定项的详情内容。在之前你可能会定义接口或者使用EventBus来实现数据的传递共享。

现在就可以使用 ViewModel 来实现。这两个 Fragment 可以使用其 Activity 范围共享 ViewModel 来处理此类通信，如以下示例代码所示：

public class ShareViewModel extends ViewModel {

public MutableLiveData selected = new MutableLiveData<>();

}

public class Share2Activity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_share2);

}

布局文件：

<?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=“.share.ShareActivity”>

<fragment

android:id=“@+id/fragment_list”

android:name=“com.gs.createmvvm210422.share2.MyList2Fragment”

android:layout_width=“100dp”

android:layout_height=“match_parent”

app:layout_constraintLeft_toLeftOf=“parent”

app:layout_constraintRight_toLeftOf=“@+id/fragment_detail”

<fragment

android:id=“@+id/fragment_detail”

android:name=“com.gs.createmvvm210422.share2.Detail2Fragment”

android:layout_width=“200dp”

android:layout_height=“match_parent”

app:layout_constraintLeft_toRightOf=“@+id/fragment_list”

app:layout_constraintRight_toRightOf=“parent”

</androidx.constraintlayout.widget.ConstraintLayout>

public class MyList2Fragment extends ListFragment {

private List list;

private ShareViewModel shareViewModel;

@Nullable

@Override

public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.fragment_list, null);

list = new ArrayList<>();

for (int i = 0; i < 20; i++) {

list.add(“item” + i);

}

ArrayAdapter adapter = new ArrayAdapter<>(getActivity(),

android.R.layout.simple_list_item_1, list);

setListAdapter(adapter);

return view;

}

@Override

public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {

super.onViewCreated(view, savedInstanceState);

shareViewModel = ViewModelProviders.of(requireActivity()).get(ShareViewModel.class);

}

@Override

public void onListItemClick(@NonNull ListView l, @NonNull View v, int position, long id) {

shareViewModel.selected.setValue(list.get(position));

}

布局文件：

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#2ebbfb”>

<ListView

android:id=“@+id/android:list”

android:layout_width=“match_parent”

android:layout_height=“match_parent”/>

</androidx.constraintlayout.widget.ConstraintLayout>

public class Detail2Fragment extends Fragment {

@Nullable

@Override

public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {

View view = inflater.inflate(R.layout.fragment_detail, null);

return view;

}

@Override

public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {

super.onViewCreated(view, savedInstanceState);

TextView tvShow = view.findViewById(R.id.tv_show);

ShareViewModel model = ViewModelProviders.of(requireActivity()).get(ShareViewModel.class);

// ShareViewModel model = new ViewModelProvider(requireActivity()).get(ShareViewModel.class);

model.selected.observe(getViewLifecycleOwner(), new Observer() {

@Override

public void onChanged(String s) {

tvShow.setText(s);

}

});

}

布局文件：

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

总结

**其实上面说了这么多，钱是永远赚不完的，在这个知识付费的时代，知识技能提升才是是根本！我作为一名8年的高级工程师，知识技能已经学习的差不多。**在看这篇文章的可能有刚刚入门，刚刚开始工作，或者大佬级人物。

像刚刚开始学Android开发小白想要快速提升自己，最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以这里分享一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。

这么重要的事情说三遍啦！点赞+点赞+点赞免费分享所有学习秘籍！
直达领取链接：点击链接免费领取【Android高级架构师】

【Android高级架构师系统学习资料】高级架构师进阶必备——设计思想解读开源框架

第一章、热修复设计
第二章、插件化框架设计
第三章、组件化框架设计
第四章、图片加载框架
第五章、网络访问框架设计
第六章、RXJava 响应式编程框架设计
第七章、IOC 架构设计
第八章、Android 架构组件 Jetpack

-1710669660001)]
[外链图片转存中…(img-espf2srQ-1710669660002)]

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）
[外链图片转存中…(img-Mb4SDFD3-1710669660003)]

总结

这么重要的事情说三遍啦！点赞+点赞+点赞免费分享所有学习秘籍！
直达领取链接：点击链接免费领取【Android高级架构师】
[外链图片转存中…(img-1inp0x5z-1710669660003)]

【Android高级架构师系统学习资料】高级架构师进阶必备——设计思想解读开源框架

Java有多久学会

关注

20
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
MVVM系列之三：ViewModel，阿里P7亲自教你

*其实上面说了这么多，钱是永远赚不完的，在这个知识付费的时代，知识技能提升才是是根本！我作为一名8年的高级工程师，知识技能已经学习的差不多。**在看这篇文章的可能有刚刚入门，刚刚开始工作，或者大佬级人物。像刚刚开始学Android开发小白想要快速提升自己，最快捷的方式，就是有人可以带着你一起分析，这样学习起来最为高效，所以这里分享一套高手学习的源码和框架视频等精品Android架构师教程，保证你学了以后保证薪资上升一个台阶。这么重要的事情说三遍啦！直达领取链接：点击链接免费领取【
复制链接

扫一扫