Android Mvvm设计模式的详解与实战教程

一、介绍

        在开发设计模式中，模式经历了多次迭代，从MVC到MVP，再到如今的MVVM。发现的过程其实很简单，就是为了项目更好的管理。

        设计模式严格来说属于软件工程的范畴，但是如今在各大面试中或者开发中，设计模式被问的很多。特别是八股文的二十三种设计模式，可分三大类：行为型、结构型、创建型。

二、模式介绍

        模式的设计更多的体现在管理与架构能力，即使在项目中，你不用任何设计模式，代码也可以正常的跑起来，但是通过模式设计以后，在项目管理与质量控制，以及解耦等场景特别方便。

        任何设计模式和手段都是为了项目的更好管理，这种模式更像一种流程。从技术角度来分析，不能作为衡量一个人的技术好坏，但是可以作为参考，来判断一个人的综合能力以及设计、架构能力。

了解设计模式，可以提高一个人的综合能力。

三、MVMM详解与设计

MVVM是什么

        目前在做有UI展示的一些项目或者端，都在说MVVM设计模式。MVVM全程view-viewModel-Model。还是分为三层，View层，viewModel:view与业务层，Model数据业务层

View：是我们fragment或者Activity界面，主要处理UI渲染和交互的

viewModel：介于view与Module之前，处理数据与逻辑上的，将Model请求的结果返回给view层

Model:与viewModel打交道，将view需要的数据通过Model层来请求，然后将请求到的结果返回给viewModel。

Mvvm流程

        在Mvvm设计模式中，view主要就是做数据与UI的绑定，常见的View与Model没有直接交互，需要申明都是通过ViewModel进行交互的。ViewModel从名字就可以看出，是View与Model的拼写，所以肯定是与View和Moel有关，在MVVM中，ViewModel的核心作用就是作为View与Model的桥梁，将View的需求告诉Model，然后从Model中将结果拿到，处理好给View，View进行渲染。

Mvvm的助手databinding：

        通过Google官方我们也了解到，MVVM的推波导致了DataBinding的被很好的推广，在Mvvm中，View中的绑定和页面的view是通过Databinding来完成，很多开发者可能还没体验过DataBinding，甚至也没有使用过，这个也不影响到Mvvm的使用，因为DataBinding只负责View与Data的绑定，即使你不会可以手动处理。

如果想了解DataBinding的小伙伴，可以看博主一下的文档：

Android databinding的接入使用与详解(一)_android databinding使用_蜗牛、Z的博客-CSDN博客

Android databinding之RecycleView使用与讲解(二)_android databinding recyclerview_蜗牛、Z的博客-CSDN博客

Android databinding之数据单向与双向绑定详解与使用(三)_databinding双向绑定_蜗牛、Z的博客-CSDN博客

Android databinding之BindingAdapter与BindingConversion详解与使用(四)_蜗牛、Z的博客-CSDN博客

Android databinding之BindingMethod与BindingMethods介绍与使用(五)_android开发bindingmethods的使用_蜗牛、Z的博客-CSDN博客

Android DataBinding之布局include 和 viewStub详解与使用(六)_databinding viewstub_蜗牛、Z的博客-CSDN博客

Android DataBinding之布局中（layout）事件、运算逻辑、资源、工具类的使用与详解(七)_databinding layout_蜗牛、Z的博客-CSDN博客

新手礼包：

        这几篇文档基本都是从零开始学databinding的文章，只要你跟着看，慢慢实践里面的dmeo，都是没问题的。以上新手礼包可以帮你很好的处理Mvvm中数据的绑定

数据传递MutableLiveData：

通过以上知道ViewModel与View进行数据交互，他们之间如何传递数据？在viewmodel中提供了

MutableLiveData，它继承了LiveData，类似事件订阅，你发送了数据，在view中订阅即可，数据将会回传到订阅处。LiveData也支持生命周期的绑定，防止数据订阅中，当前页面销毁，数据还在订阅，导致页面发生内存泄露。

四、实战

        通过以上的学习，我们大概了解了Mvvm包括哪些？如何架构和搭建MVVM。通过关键模块的处理我们将继续学习实战。

依赖库：

    implementation "androidx.lifecycle:lifecycle-viewmodel:2.0.0"implementation "androidx.lifecycle:lifecycle-extensions:2.0.0"

Model模块

model主要是数据处理，在搭建代码的时候，我们最好有良好的编程风格，可以先搭建一个基础、抽象类，后面的model都继承直接使用，即使是空类也要写一个，方便以后扩展。

open abstract class BaseModel {
}

//一般梳理数据类比较多
class MyModel : BaseModel() {//网络数据的获取//数据库的操作//本地的数据缓存：添加与删除public fun getInitData():String{return "init data that info"}}

Model的是和数据打交道，处理好，我们就可以处理搭建ViewModel了

ViewModel层：

ViewModel层夹在View与model之间，是逻辑的中转，view要什么找ViewModel，model通过ViewModel把数据传递给View。

ViewModel这里面主要有两块：搭建和创建

搭建

搭建需要继承public AndroidViewModel(@NonNull Application application)，由于ViewModel需要与View合作，所以还需要了解当前的对象生命周期防止内存泄露等发生。

这里需要使用到接口：LifecycleObserver

LifecycleObserver用法：

直接继承，然后通过状态绑定对应的方法，当lifecycle绑定完就可以分发生命周期状态

  @OnLifecycleEvent(Lifecycle.Event.ON_START)public fun onstart(){log("onstart")}

1、生命状态回调

//定义了页面监听生命周期监听
interface BaseViewModelLifecycleObserver : LifecycleObserver {companion object{const val TAG="life"}@OnLifecycleEvent(Lifecycle.Event.ON_START)public fun onstart(){log("onstart")}@OnLifecycleEvent(Lifecycle.Event.ON_STOP)public fun onStop() {log("onStop")}@OnLifecycleEvent(Lifecycle.Event.ON_RESUME)public fun onResume() {log("onResume")}@OnLifecycleEvent(Lifecycle.Event.ON_PAUSE)public fun onPause() {log("onPause")}@OnLifecycleEvent(Lifecycle.Event.ON_DESTROY)public fun ondestory() {log("ondestory")}public fun log(msg:String){Log.e(TAG,"${msg}")}
}

2、BaseViewModel

abstract open class BaseViewModel(val context: Application) : AndroidViewModel(context),BaseViewModelLifecycleObserver {}

3、定义业务的ViewModel

class MyViewModel(context: Application) : BaseViewModel(context) {private val model: MyModel by lazy { MyModel() }public val initLiveData: MutableLiveData<String> by lazy { MutableLiveData() }public fun showToast(msg: String) {Toast.makeText(getApplication(), msg, Toast.LENGTH_SHORT).show()}public fun initData() {val data=model.getInitData()initLiveData.value=data}}

这里面多了一个MutableLiveData，就是数据回传的订阅，ViewModel发送了数据给View通过LiveData进行订阅。在这里面要创建Model对象

创建

创建这里面涉及到了kotlin的泛型问题，相比Java，kotlin的泛型比较复杂，由于创建是和DataBinding绑在一起的，这边先介绍泛型的创建与生命周期的绑定

    val type = javaClass.genericSuperclassif (type != null && type is ParameterizedType) {val actualTypeArguments = type.actualTypeArgumentsval tClass = actualTypeArguments[1]
viewModel= AndroidViewModelFactory.getInstance(application).create(tClass as Class<V>)}lifecycle.addObserver(viewModel)

    lifecycle.addObserver(viewModel)：绑定了当前的生命周期

注意：在需要消费，否则导致内存泄露

    override fun onDestroy() {super.onDestroy()lifecycle.removeObserver(viewModel)}

View模块

View模块主要就是DataBinding的创建与ViewMOdel的创建，ViewModel上面已介绍如何创建,下面将介绍如何去架构这个基础页面，去管理

这边架构的页面分为两个类：第一个是DataBinding类，还有一个是DataBinding与ViewModel继承类，为什么要分开？因为在正常业务中，有些模块不需要ViewModel，但是DataBinding是必须使用，所以只需要继承DataBinding类即可。

DataBinding基础类：
 

open abstract class BaseDataBindModelActivity<T : ViewDataBinding>() : FragmentActivity() {public lateinit var binding: T//配置当前页面布局资源@LayoutRespublic abstract fun getLayoutResId(): Intoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)binding = DataBindingUtil.setContentView<T>(this, getLayoutResId())initViewModel()initObser()initDataBeforInitView()initVie()initDataAfterInitView()}//初始化viewmodelopen protected fun initViewModel() {}//初始化页面abstract fun initVie()//初始化livedata的监听，abstract fun initObser()//获取数据在initview之前abstract fun initDataBeforInitView()//获取数据在initview之后abstract fun initDataAfterInitView()//页面消费之前，解绑override fun onDestroy() {if (binding != null) {binding.unbind()}super.onDestroy()}}

ViewModelDataBinding基础类：

abstract class BaseViewModelBindActivity<T : ViewDataBinding, V : BaseViewModel>() :BaseDataBindModelActivity<T>() {lateinit var viewModel: Voverride fun initViewModel() {super.initViewModel()val type = javaClass.genericSuperclassif (type != null && type is ParameterizedType) {val actualTypeArguments = type.actualTypeArgumentsval tClass = actualTypeArguments[1]viewModel= AndroidViewModelFactory.getInstance(application).create(tClass as Class<V>)}lifecycle.addObserver(viewModel)}override fun onDestroy() {super.onDestroy()lifecycle.removeObserver(viewModel)}}

通过以上的配置，基本已完成了MVVM的搭建。

小时牛刀：

class MyTestViewBindActivity : BaseViewModelBindActivity<TestViewBind, MyViewModel>() {override fun getLayoutResId(): Int {return R.layout.layout_test_view_bind}override fun initVie() {binding.btnTest.setOnClickListener {viewModel.showToast("你好")}binding.btnInit.setOnClickListener {//调用了初始化事件viewModel.initData()}}override fun initObser() {//数据订阅事件viewModel.initLiveData.observe(this) {binding.textInfo.text = it}}override fun initDataBeforInitView() {}override fun initDataAfterInitView() {}
}

绑定的页面生命周期回调：

运行效果

五、总结

1.通过以上学习，完成了MVVM的基础结构与如何架构一个MVVM页面出来。Demo中也基本完成了大家的难点问题。

2.如果不了解生命周期的可以参考Demo中直接拿去用，避免处理不好导致内存泄露

3.MVVM需要databinding的参与，如果不了解的小伙伴直接看我的DataBinding文章，看完直接上项目使用是没任何问题，有问题我得文章中也会提出，这边都是干货，都是博主自己总结与写出来的。希望大家能够受益。