前言
关于开发模式的文章,这应该算是第二篇,第一篇中讲解了Android MVP模式的使用:https://cloud.tencent.com/developer/article/1382297
mvp模式的优点就不说了,缺点其实在使用的过程中很显然,比如现在有个需求对数据库的学生表增删改查,那么view的接口,我们可能有如下定义
代码语言:javascript复制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:
代码语言:javascript复制dataBinding{
enabled = true
}
2.2 新建一个User实体类
为了模拟数据我们新建一个User类如下
代码语言:javascript复制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布局代码如下所示:
代码语言:javascript复制<?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中通过下列代码使用:
代码语言:javascript复制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类是使用
代码语言:javascript复制ListItemBinding bingding = ListItemBinding.inflate(layoutInflater,ViewGroup,false);
或者使用
代码语言:javascript复制ListItemBinding bingding = DataBindingUtil.inflate(layoutInflater,R.layout.activity_main,ViewGroup,false);
三、DataBing使用之监听事件
DatabBing监听事件的使用其实个人感觉使用的效果并不好,因为现在差不多都是使用ButterKnife直接生成监听事件,不过还是要提一下,我们在之前的布局上加一个button,给button赋值监听事件,首先我们定义一个监听事件的类,我们可以在这个类中专门处理所有的监听事件,类似于js这也算一个好处吧。
3.1 定义一个Click类,声明一个test监听方法
代码如下所示:
代码语言:javascript复制public class Click {
private String tag = "click";
public void test(View v) {
Log.d(tag, "点击事件触发了");
}
}
3.2 在xml中进行绑定
在data标签中再添加一个variable标签
代码语言:javascript复制<variable
name="Click"
type="lonbon.com.mvvm.click.Click"/>
在button中为onclick属性设置
代码语言:javascript复制<Button
android:text="text"
android:onClick="@{Click.Text}"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
最后记得在activity进行设置:
代码语言:javascript复制activityMainBinding.setClick(new Click());
这里要注意的是并不是调用setClick方法,如果你新建的监听方法类是Text那么就要调用setText进行监听事件的绑定,我们来点击按钮,打印结果如下:
MVVM的使用主要就是这样了,其实主要就是DataBinding的使用,还有一些功能需要深入研究,后续继续分享。