Android MVVM模式入门 - 好文

前言

关于开发模式的文章，这应该算是第二篇，第一篇中讲解了Android MVP模式的使用：
https://blog.csdn.net/huangliniqng/article/details/80570920
<https://blog.csdn.net/huangliniqng/article/details/80570920>

mvp模式的优点就不说了，缺点其实在使用的过程中很显然，比如现在有个需求对数据库的学生表增删改查，那么view的接口，我们可能有如下定义
interface view{ void get(); void delete(); void add(); void update(); }

我们在使用的View层继承下列接口即可，但如果有两个Activity，一个需要查询、一个需要修改、一个需要所有功能，那么这个时候如果我们继承这个view接口，肯定会出现View层含有没有使用的接口。当然我们可以将四个接口放在四个view层，但工作量和维护起来并不方便。

一、Android MVVM介绍

个人认为，MVVM的出现，并不是解决上述MVP的缺点，无论是MVP、MVC或是MVVM都有各自的缺点和优点，在开发中选择合适的开发模式，才能有助于开发工作。

MVVM并不是分为了四层，而是将MVP中的P层变为了ViewModel层。还是以查询数据为例，如果我们要将查询出来的数据显示在控件上，我们要定义view层的如下方法

void setData(String data)；

在Activity的接口回调中进行setText,但是如果显示的数据特别多，就要set多次，MVVM的最佳使用方式是MVP+DataBinding，MVVM可以实现数据直接和View层的控件绑定，和监听事件的绑定。接下来我们开始介绍MVVM的使用步骤。

二、MVVM的使用步骤

2.1 引入Data Binding函数库

在build .gradle中使用如下设置支持dataBinding:
dataBinding{ enabled = true }
2.2 新建一个User实体类

为了模拟数据我们新建一个User类如下
public class User { private String UserName; private String UserSex; public
String getUserName() { return UserName; } public void setUserName(String
userName) { UserName = userName; } public String getUserSex() { return UserSex;
} public void setUserSex(String userSex) { UserSex = userSex; } public
User(String userName, String userSex) { UserName = userName; UserSex = userSex;
} }
2.3
编写xml布局，有两个textview一个显示UserName，另一个显示UserSex,在普通的xml布局中我们都是使用LinearLayout或者是其他的ViewGroup，但是在mvvm中我们使用的根布局是layout，xml布局代码如下所示：

<?xml version="1.0" encoding="utf-8"?> <layout
xmlns:android="http://schemas.android.com/apk/res/android"> <data> <variable
name="User" type="lonbon.com.mvvm.bean.User" /> </data> <LinearLayout
android:layout_width="match_parent" android:layout_height="wrap_content"
android:orientation="vertical"> <TextView android:id="@+id/userName"
android:layout_width="match_parent" android:layout_height="wrap_content"
android:text="@{User.userName}" /> <TextView android:id="@+id/userSex"
android:layout_width="match_parent" android:layout_height="wrap_content"
android:text="@{User.userSex}" /> </LinearLayout> </layout>

布局中我们要注意的是这个data便签，其中type字段是数据绑定对应的实体类，name就是我们引用的一个属性标志，在这里写为User，如果要给textView赋值，我们直接通过@{User.属性},相当于把userSex属性变量赋值给id为userSex的TextView。

2.4 在Activity中引用

以为我们已经配置了databinding属性为true，所以会自动为我们生成Binding类，生成规则为布局名后面加Binding，比如我们这里的布局名称是activity_main，生成的Bingding类就是ActivityMainBinding，我们在Activity中通过下列代码使用：
ActivityMainBinding activityMainBinding = DataBindingUtil.setContentView(this,
R.layout.activity_main); User user = new User("黄林晴", "男");
activityMainBinding.setUser(user);

我们通过DataBindingUtil获取databinding类直接与User数据绑定，运行程序，那么会直接将userName和userSex赋值到相应的值。

结果如图所示：

如果我们是给ListView中的Item中的控件赋值，那么xml布局中的代码都是一致的，不同的是获取bingding类是使用
ListItemBinding bingding =
ListItemBinding.inflate(layoutInflater,ViewGroup,false);
或者使用
ListItemBinding bingding =
DataBindingUtil.inflate(layoutInflater,R.layout.activity_main,ViewGroup,false);
三、DataBing使用之监听事件

DatabBing监听事件的使用其实个人感觉使用的效果并不好，因为现在差不多都是使用ButterKnife直接生成监听事件，不过还是要提一下，我们在之前的布局上加一个button，给button赋值监听事件，首先我们定义一个监听事件的类，我们可以在这个类中专门处理所有的监听事件，类似于js这也算一个好处吧。

3.1 定义一个Click类，声明一个test监听方法

代码如下所示：
public class Click { private String tag = "click"; public void test(View v) {
Log.d(tag, "点击事件触发了"); } }
3.2 在xml中进行绑定

在data标签中再添加一个variable标签
<variable name="Click" type="lonbon.com.mvvm.click.Click"/>
在button中为onclick属性设置
<Button android:text="text" android:onClick="@{Click.Text}"
android:layout_width="match_parent" android:layout_height="wrap_content" />
最后记得在activity进行设置：
activityMainBinding.setClick(new Click());
这里要注意的是并不是调用setClick方法，如果你新建的监听方法类是Text那么就要调用setText进行监听事件的绑定，我们来点击按钮，打印结果如下：

MVVM的使用主要就是这样了，其实主要就是DataBinding的使用，还有一些功能需要深入研究，后续继续分享。

我的博客即将同步至腾讯云+社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=3tn2lo50hveoc

热门工具换一换