一篇文章了解Android MVVM开发 ----- ViewModel

最新推荐文章于 2024-06-15 15:50:49 发布
最新推荐文章于 2024-06-15 15:50:49 发布
阅读量1k 收藏 3
点赞数
分类专栏： android 文章标签： java android 移动开发 mvvm 架构
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38366777/article/details/108624718
版权

前言

MVVM的架构模式，在前端使用React同学，或者在用Flutter开发的同学，都能体会到React的思想用数据直接渲染UI的方便。在Android引入jetpack组件后，如果你还在使用MVP或者MVC的架构方式，赶紧来使用下吧，绝对会让你说出两个字 “真香”。

这篇文章主要是介绍如何在项目中使用databinding + ViewModel +LiveData，体会下Android Jetpack给我们带来的方便。
实现了单个业务使用ViewModel以及多个Fragment中通信使用viewModel

知识点大纲

在这里插入图片描述

使用MVVM

环境配置

请在应用模块的 build.gradle 文件中添加 dataBinding 元素

android {
        ...
        dataBinding {
            enabled = true
        }
    }

依赖最新的jetpack家族,可以按需依赖, 要是你的项目里的ViewModel和LiveData还不是最新的话 建议升级到最新版本

    dependencies {
        def lifecycle_version = "2.2.0"
        def arch_version = "2.1.0"

        // ViewModel
        implementation "androidx.lifecycle:lifecycle-viewmodel:$lifecycle_version"
        // LiveData
        implementation "androidx.lifecycle:lifecycle-livedata:$lifecycle_version"
        // Lifecycles only (without ViewModel or LiveData)
        implementation "androidx.lifecycle:lifecycle-runtime:$lifecycle_version"

        // Saved state module for ViewModel
        implementation "androidx.lifecycle:lifecycle-viewmodel-savedstate:$lifecycle_version"

        // Annotation processor
        annotationProcessor "androidx.lifecycle:lifecycle-compiler:$lifecycle_version"
        // alternately - if using Java8, use the following instead of lifecycle-compiler
        implementation "androidx.lifecycle:lifecycle-common-java8:$lifecycle_version"

        // optional - helpers for implementing LifecycleOwner in a Service
        implementation "androidx.lifecycle:lifecycle-service:$lifecycle_version"

        // optional - ProcessLifecycleOwner provides a lifecycle for the whole application process
        implementation "androidx.lifecycle:lifecycle-process:$lifecycle_version"

        // optional - ReactiveStreams support for LiveData
        implementation "androidx.lifecycle:lifecycle-reactivestreams:$lifecycle_version"

        // optional - Test helpers for LiveData
        testImplementation "androidx.arch.core:core-testing:$arch_version"
    }

实战部分

在这里我们模仿实现一下异步请求数据刷新我们的UI界面和同步修改页面。

图片名称

图片名称

databinding 数据视图绑定,布局修改

这里我们需要定义两个变量，一个是我们试图所对应的对象以及设置相关的点击事件

activity_view_model.xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">

    <data>

        <variable
            name="click"
            type="android.view.View.OnClickListener" />


    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:id="@+id/tv_async_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="20sp"
            android:text="异步修改数据,3秒后显示"/>

        <TextView
            android:id="@+id/tv_name"
            android:textSize="20sp"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="点击按钮，同步修改数据"/>

        <Button
            android:id="@+id/btn_click"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="点击修改数据"
            android:onClick="@{click::onClick}"/>

    </LinearLayout>
</layout>

UserBean 对象

public class UserBean {
    private String firstName;
    private String lastName;

    public UserBean(String firstName, String lastName) {
        this.firstName = firstName;
        this.lastName = lastName;
    }

    public String getFirstName() {
        return firstName;
    }

    public void setFirstName(String firstName) {
        this.firstName = firstName;
    }

    public String getLastName() {
        return lastName;
    }

    public void setLastName(String lastName) {
        this.lastName = lastName;
    }
}

对应的ViewModel

这里我们用一个耗时操作来模仿网络请求, 定时操作所在的是工作线程，这里需要使用 postValue 。

public class UserViewModel extends ViewModel {
    private MutableLiveData<UserBean> users;
    private Disposable mTimeLimitDisposable;
    protected BaseSchedulerProvider mSchedulerProvider;
    private MutableLiveData<String> currentName; //定义String变量

    public MutableLiveData<String> getCurrentName() {
        if (currentName == null) {
            currentName = new MutableLiveData<String>();
        }
        return currentName;
    }

    public UserViewModel() {
        mSchedulerProvider = new BaseSchedulerProvider() {
            @NonNull
            @Override
            public Scheduler computation() {
                return Schedulers.trampoline();
            }

            @NonNull
            @Override
            public Scheduler io() {
                return Schedulers.trampoline();
            }

            @NonNull
            @Override
            public Scheduler ui() {
                return Schedulers.trampoline();
            }
        };
    }

    public LiveData<UserBean> getUsers() {
        if (users == null) {
            users = new MutableLiveData<UserBean>();
            loadUsers();
        }
        return users;
    }

    private void loadUsers() {
        // Do an asynchronous operation to fetch users.
        //通过延时操作模仿网络请求
        if (mTimeLimitDisposable != null) {
            mTimeLimitDisposable.dispose();
        }
        mTimeLimitDisposable = Flowable.intervalRange(0, 3000, 0, 1, TimeUnit.MILLISECONDS)
                .onBackpressureDrop()
                .observeOn(mSchedulerProvider.ui())
                .subscribeOn(mSchedulerProvider.computation())
                .doOnError(throwable -> {

                })
                .doOnComplete(this::getUserDataDone)
                .subscribe();
    }

    private void getUserDataDone() {
        Log.e("aaa", "getUserDataDone");
        Log.e("aaa","当前线程ID:" +Thread.currentThread().getId());
        UserBean userBean = new UserBean("第一个名字", "第二个名字");
        users.postValue(userBean);
    }

    @Override
    protected void onCleared() {
        super.onCleared();
        if (mTimeLimitDisposable != null) {
            mTimeLimitDisposable.dispose();
        }
    }
}

ViewModelFactory

public class ViewModelFactory extends ViewModelProvider.NewInstanceFactory {

    private static volatile ViewModelFactory INSTANCE;

    public static ViewModelFactory getInstance(){
        if(INSTANCE == null){
            synchronized (ViewModelFactory.class){
                if(INSTANCE == null){
                    INSTANCE = new ViewModelFactory();
                }
            }
        }
        return INSTANCE;
    }

    @NonNull
    @Override
    public <T extends ViewModel> T create(@NonNull Class<T> modelClass) {
        return super.create(modelClass);
    }
}

ViewModelActivity

这里按钮点击实现了一个同步修改页面的操作，直接使用 setValue 。这边页面通过监听数据的变化来做修改

public class ViewModelActivity extends AppCompatActivity implements View.OnClickListener {
    private ActivityViewModelBinding mViewModelBinding;
    private UserViewModel mModel;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // Create a ViewModel the first time the system calls an activity's onCreate() method.
        // Re-created activities receive the same MyViewModel instance created by the first activity.
        mViewModelBinding = DataBindingUtil.setContentView(this, R.layout.activity_view_model);
        mViewModelBinding.setClick(this);
        Log.e("aaa","当前主线程111ID:" +Thread.currentThread().getId());
        mModel = new ViewModelProvider(this.getViewModelStore(),
                ViewModelFactory.getInstance()).get(UserViewModel.class);
        mModel.getUsers().observe(this, users -> {
            // update UI
            Log.e("aaa", "收到了");
            Log.e("aaa","当前主线程222ID:" +Thread.currentThread().getId());
            mViewModelBinding.tvAsyncName.setText(users.getFirstName());
        });
        mModel.getCurrentName().observe(this, new Observer<String>() {
            @Override
            public void onChanged(String curName) {
                Log.e("aaa", "修改model的数据");
                mViewModelBinding.tvName.setText(curName);
            }
        });
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.btn_click) {
            double index = (int) (Math.random() * 100);
            String anotherName = "随机展示：" + index;
            mModel.getCurrentName().setValue(anotherName);
        }
    }
}

以上就是用MVVM来完成整个业务的开发的具体代码。

利用ViewModel来实现两个子Fragment通信

Activity 中的两个或更多 Fragment 需要相互通信是一种很常见的情况。想象一下主从 Fragment 的常见情况，假设您有一个 Fragment，在该 Fragment 中，用户从列表中选择一项，还有另一个 Fragment，用于显示选定项的内容。这种情况不太容易处理，因为这两个 Fragment 都需要定义某种接口描述，并且所有者 Activity 必须将两者绑定在一起。此外，这两个 Fragment 都必须处理另一个 Fragment 尚未创建或不可见的情况。

如果使用ViewModel,将会有如下优势

  • Activity 不需要执行任何操作，也不需要对此通信有任何了解。

  • 除了 SharedViewModel 约定之外，Fragment 不需要相互了解。如果其中一个 Fragment 消失，另一个 Fragment 将继续照常工作。

  • 每个 Fragment 都有自己的生命周期，而不受另一个 Fragment 的生命周期的影响。如果一个 Fragment 替换另一个 Fragment，界面将继续工作而没有任何问题。

图片名称

MasterFragment 主fragment

public class MasterFragment extends Fragment {

    private SharedViewModel sharedViewModel;
    private Button mBtn;

   //....

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
        //这两个 Fragment 都会检索包含它们的 Activity。这样，当这两个 Fragment 各自获取 ViewModelProvider 时，
        // 它们会收到相同的 SharedViewModel 实例（其范围限定为该 Activity）。
        sharedViewModel =  new ViewModelProvider(requireActivity()).get(SharedViewModel.class);
        mBtn.setOnClickListener(v -> {
            Log.e("aaa", "点击---->");
            double index = (int) (Math.random() * 100);
            String anotherName = "随机展示：" + index;
            sharedViewModel.select(anotherName);
        });

    }
}

DetailFragment 子fragment

public class DetailFragment extends Fragment {

    private TextView mTvText;

  //....

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);
//        SharedViewModel model = new ViewModelProvider(this.getViewModelStore(),
//                ViewModelFactory.getInstance()).get(SharedViewModel.class);
        SharedViewModel model = new ViewModelProvider(requireActivity()).get(SharedViewModel.class);
        model.getSelected().observe(getViewLifecycleOwner(), new Observer<String>() {
            @Override
            public void onChanged(String s) {
                Log.e("aaa", "change----->" + s);
                mTvText.setText(s);
            }
        });
    }

}

SharedViewModel

public class SharedViewModel extends ViewModel {
    private final MutableLiveData<String> selected = new MutableLiveData<String>();

    public void select(String item) {
        selected.setValue(item);
    }

    public LiveData<String> getSelected() {
        return selected;
    }
}

ViewModel

ViewModel 的生命周期

ViewModel 对象存在的时间范围是获取 ViewModel 时传递给 ViewModelProvider 的 Lifecycle。ViewModel 将一直留在内存中，直到限定其存在时间范围的 Lifecycle 永久消失：对于 Activity，是在 Activity 完成时；而对于 Fragment，是在 Fragment 分离时。

在这里插入图片描述

示例代码链接

小结

通过上述例子,ViewModel的使用能帮我们提高我们的日常业务开发，在使用ViewPager中嵌套多个Fragment中，ViewModel能帮我们更好的解耦子fragment之间的通信,当我用了ViewModel之后，才发现使用此组件真香。

soso密斯密斯
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
MVVM中View与ViewModel之间的交互
静以修身
07-16 1万+
1， View可以通过DataContext访问ViewModel除了Binding以外，在一些Event触发的时候，在behind code里用这种方法，直接访问ViewModel。2， ViewModel访问View直接设定一个View接口的成员变量，在创建ViewModel的时候，将View设置到该成员变量上。但这么做不好，（But doing this we would be breaki...
Android：使用MVVM框架，多fragment都依赖一个底层activity或者fragment出现的问题
qq_27454233的博客
12-05 851
这个问题的碰到是ViewModel实现了LifecycleObserver接口，并且在fragment或者activity中getLifecycle().addObserver(你的viewModel) 碰到的，假如你子fragment实现的ViewModel是依赖于父activity或者父fragment，在ViewModel的LifecycleObserver实现中调用方法，会多次触发。比如：在onCreate中使用EventBus.getDefault.register(this)就是报错，说重复注册
Android开发之MVVM模式实践（三）：Fragment的封装
李益
03-26 958
前言 大家好，我是小益。本章是Android的MVVM架构实践系列文章的第三篇，上一篇文章主要介绍了Activity的封装，本章主要介绍Fragment的封装。如果有去Github上看过小益的封装案例的同学，会发现上章中Activity的封装以及本篇中Fragment的封装比Gtihub上的案例要简单，相当于是一个简化版本。这是因为小益只是抽取了与MVVM相关的部分放在文章中讲解，Github中的案例除了MVVM部分的封装，还包括了一些常见的基础功能封装。不同的项目有不同的功能需求，大家可以根据自己的项目需
Android ViewModel实现和原理
最新发布
wodongx123的博客
06-15 1252
提供者Provider：在我们这里就是数据的提供者，当实体的数据改变的时候，会自动通知所有观察者，观察者收到通知后就可以做对应的数据。观察者Observer：观察者注册提供程序，当提供者每次发送通知的时候，观察者就会做对应的处理。其最终实现出来的效果就是，在代码中，一旦我们注册的实体对象里面的数据改变之后，对应的UI就会自动的进行更新，这样数据更新的代码我们只需要在观察者里面写一套，不需要反复写多套了。提供者和观察者是一对多的关系，也就是一个提供者可以被很多个观察者注册。
Android MVVM之ViewModel的详解与使用
01-13 3395
ViewModel类是一种业务逻辑或屏幕级状态容器。它用于将状态公开给界面，以及封装相关的业务逻辑。 它的主要优点是，它可以缓存状态，并可在配置更改后持久保留相应状态。这意味着在 activity 之间导航时或进行配置更改后（例如旋转屏幕时），界面将无需重新提取数据
MVVM系列之三：ViewModel
songzi1228的博客
05-08 1450
MVVM系列之三：ViewModel
ViewModelProviders弃用后最新用法，ViewModelProvider不能再使用一个参数。
weixin_43888181的博客
10-22 9524
ViewModelProviders弃用后最新用法 ViewModelProviders启用之后使用ViewModelProvider代替。 viewModelWithliveData = new ViewModelProvider(this, new ViewModelProvider.NewInstanceFactory()).get(ViewModelWithliveData.class); 注意：ViewModelWithliveData类要为Public ...
Android使用JetPack入门实例
quietbxj的博客
09-28 1192
概念 Android最流行框架-JetPack，采用MVVM的设计模式，数据流如下图所示。 程序实例 gradle添加依赖 androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0' implementation "androidx.lifecycle:lifecycle-extensions:$lifecycle_version" MainActivity.java public class MainAc
android:浅谈 mvvm 模式中的 ViewModel
Cat的专栏
11-08 2016
不同于 mvp , mvvm 与不使用框架的写法非常的类似，而且理解起来也相对简单很多。 简单的说，就是 界面上需要展示的数据，不是直接写在 View/Fragment/Activity这些界面组件里面，也不是写在Service这些系统组件里面。是放在 ViewModel里面的。 然后，并不是所有的数据操作相关的代码全部放在 ViewModel里面，比如数据库的增删改查，那是放在Dao里面的，但是...
viewModel在fragment中使用
m0_37588684的博客
04-12 6806
viewModel在frgamnet中使用，如果使用activity例如 viewModelFragment = ViewModelProviders.of(requireActivity()).get(ChooseAreaViewModel::class.java) 这种方式和在activity中使用相同参考viewModel源码 如果使用 viewModelFragment = ViewModelProviders.of(this).get(ThirdFragmentViewModel::class.
MVVM系列之三：ViewModel，浅谈Android消息机制原理
m0_66264673的博客
01-21 293
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.constr
RX系列五 | Schedulers线程控制
weixin_33860147的博客
03-24 291
RX系列五 | Schedulers线程控制 在我们上一篇文章中的，我们的小例子里有这么一段代码 //网络访问 .observeOn(Schedulers.io()) 事实上，我们在使用网络操作的时候，便可以控制其运行在哪个线程中，而Schedulers类，有四个方法，分别是 Schedulers.immediate()...
Android MVVM实战Demo完全解析
热门推荐
陪你唠嗑的博客
10-19 4万+
在之前的文章中介绍了部分DataBinding框架的使用以及mvvm模式的理论，那今天就通过一个Demo来讲解一下mvvm在实战中的结构是怎么样的，以及它的具体使用，下面一起来看，关于DataBinding和mvvm，还是先贴一下学习地址。DataBinding系列（一）：DataBinding初认识 Android MVVM模式的理解在之前DataBinding的学习中，当然也包括网上大部分关于
Android | Android应用架构之MVVM模式
cyc的专栏
05-08 3万+
早期的Android应用开发中，Activity/Fragment承担了过多的职责，它们不仅负责了应用界面的显示，而且负责了业务逻辑的处理。这样一来，Activity/Fragment很容易就变得臃肿、复杂，造成应用难以测试、维护和扩展。随着Android应用开发技术的不断发展和成熟，Android应用架构的设计得到了越来越多开发人员的关注和重视。目前，Android的应用架构主要有MVC、MVP和MVVM模式，本文将介绍一下MVVM模式。
浅谈Android开发中的MVVM模式
02-10 1539
作者：miaowmiaow 前言 看到有人说 MVVM 核心是 双向绑定，没有使用 Databinding 的项目都是假 MVVM 。 即：MVVM == 双向绑定，双向绑定 == Databinding，MVVM == Databinding。 今天我们便来聊一聊 Android 中的 MVVM。 MVVM MVVM（Model-View-ViewModel）最早由微软提出。ViewModel指 “Model of View”——视图的模型。 Model：它仅仅关注数据本身，不关心任何行为。 Vi.
Android开发之MVVM模式实践（一）:ViewModel的封装
李益
07-05 8772
前言 目前Android开发中，常用的几种项目架构模式分别是MVC、MVP和MVVM。当然根据项目的体量和业务的不同，可能还会对这几种模式进行融合，产生其他变种模式，这个我们暂且不谈。我们本篇的主角是最近越来越受欢迎的MVVM。 随着Google在近两年推出了Jetpack系列的工具库后，MVVM的开发模式越来受开发者欢迎，毕竟是Google的亲儿子。对于开发中的MVVM模式，我们主要是依托DataBinding、ViewModel和LiveData这三者来实现。 一、对于ViewModel的使用建议 Vi
Cannot create an instance of class AndroidViewModel (androidx ViewModelProvider AndroidViewModel)
XiaoJL博客
05-13 1万+
使用 androidxviewmodel 2.2.0后，对 ViewModel的创建有一些变化 原：ViewModelProviders.of(activity).get(ViewModel.class) 被替换为：ViewModelProvider(activity).get(ViewModel.class) 而使用ViewModelProvider创建继承自 AndroidViewModel的类会报错Cannot create an instance of class Android...
Android架构组件三 Android Architecture Components ViewModel组件解析
带你装逼带你飞的专栏
02-10 1598
1 前言 ViewModel是android架构组件中非常重要的一个组件，它是Android架构分层的核心，有关它的用法和资料可以参考 Android架构组件一 Android Architecture Components开发入门 也可以参考官方给出的示例https://developer.android.google.cn/topic/libraries/architecture/vie...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值