一. 什么是MVVM
Model—View—ViewModel(MVVM)是一个软件架构设计模式，可以说是MVP的升级版，presenter变为了ViewModel，View和Model进行了一个双向的绑定。各自的职责如下：
View：负责处理与用户交互的I/O事件
ViewModel：负责通知Model更新数据并且再ViewModel通知View更新
Model：负责做数据处理
MVVM结构图
在google的官方文档中，为我们推荐了两种MVVM的搭建方式：mvvm-databinding和mvvm-live
二. dataBinding
1. 什么是dataBinding
dataBinding是一个数据绑定框架，dataBinding将数据分解到各个View中并且会在UI线程上更新数据和监控数据的变化，实时更新。
2. 基础使用：
相较于普通的布局设计和代码编写，使用dataBinding节省了一些步骤，具体的变动看代码 ↓
2.1.在布局文件(xml)上的变动：
<?xml version="1.0" encoding="utf-8"?>
<layout
xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable
name="user"
type="com.example.hqy.mvvmdemo.databean.UserDataBean" />
<variable
name="clickListener"
type="android.view.View.OnClickListener"/>
</data>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@{user.id}"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@{user.name}"/>
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="change"
android:id="@+id/btn_click"
android:onClick="@{clickListener}"/>
</LinearLayout>
</layout>
与之前普通布局编写方式的不同之处：
- 父节点由LinearLayout，RelativeLayout等常用布局变更为layout
- 新增了data节点，用来作为连接View和Model的桥梁，在data中生命variable变量，将数据传入布局
- 使用了@{}完成赋值，替代了在java代码部分的赋值工作
2.2. 在Activity中使用
（不仅仅局限于Activity，也可以是Fragment，自定义View等等）
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private ActivityMainBinding mActivityMainBinding;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// setContentView(R.layout.activity_main);
mctivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
UserDataBean userDataBean = new UserDataBean();
userDataBean.setId("123456888");
userDataBean.setName("姓名测试");
mActivityMainBinding.setUser(userDataBean);
mActivityMainBinding.setClickListener(this);
}
@Override
public void onClick(View v) {
UserDataBean userDataBean = new UserDataBean();
userDataBean.setName("姓名测试2");
userDataBean.setId("123555");
mActivityMainBinding.setUser(userDataBean);
}
}
和之前普通的使用方式对比：
- 使用DataBindingUtil.setContentView替代setContentView，通过自动生成的set方法将数据与variable进行绑定。
- 编译器自动生成继承自ViewDataBinding的Binding类，这个生成是根据布局文件的名字生成的，如：activity_main生成ActivityMainBinding
2.3.结合dataBinding简单的搭建一个MVVM框架
- 布局文件的变动：
这里将之前的DataBean重新设置作为一个Model层的角色，内容和之前的一样的（内置两个属性id和name，通过get和set来获取和设置）。
<data>
<variable
name="user"
type="com.example.hqy.mvvmdemo.model.UserModel" />
<variable
name="clickListener"
type="android.view.View.OnClickListener"/>
</data>
- 定义ViewModel：
根据UserModel定义了一个ViewModel，负责更新数据和ui更新。
public class UserViewModel extends ViewModel {
private ActivityMainBinding binding;
public UserViewModel(ActivityMainBinding binding){
this.binding = binding;
}
public void init(){
UserModel model = new UserModel();
model.setId("111");
model.setName("姓名1");
binding.setUser(model);
}
public void refresh(){
UserModel model = new UserModel();
model.setId("222");
model.setName("姓名2");
binding.setUser(model);
}
}
- Activity通过ViewModel完成UI更新（Activity部分的代码）
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private ActivityMainBinding mctivityMainBinding;
private UserViewModel mViewModel;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mctivityMainBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
mctivityMainBinding.setClickListener(this);
mViewModel= new UserViewModel(mctivityMainBinding);
mViewModel.init();//初始化
}
@Override
public void onClick(View v) {
mViewModel.refresh();//更新数据
}
}
在MVVM中，dataBinding对数据的操作移到了ViewModel层中，减轻了View层的代码量，复杂的数据封装在ViewModel层，我们也不必在View层去过度的关心数据处理的问题，不仅提高了效率，也提高了代码可阅读性。
但是，这仅仅是一个简单的MVVM，在更多时候，这样的MVVM仍然不够优雅，这篇就先到这里啦~ 下一篇继续MVVM的学习~
