Android基础——框架模式MVVM之DataBinding的实践

---

 

本篇文章包含如下内容:

• MVVM的介绍
• MVVM的实践
  
  • DataBinding之layout标签的使用
  • DataBinding之data与variable标签的使用
  • DataBinding之绑定点击事件的使用

MVVM是Model-View-ViewModel的简写，这个模式提供对View和View Model的双向数据绑定，使得View Model的状态改变能够自动传递给View

• Model：数据层，负责处理数据的加载或者存储
• View：视图层，负责界面数据的展现，与用户进行交互
• ViewModel：负责完成View于Model间的交互,负责业务逻辑

MVVM的模型关系图：

MVVM优势：

• 低耦合。视图（View）能够独立于Model变化和修改，一个ViewModel能够绑定到不一样的”View”上，当View变化的时候Model能够不变，当Model变化的时候View也能够不变。
• 可重用性。你能够把一些视图逻辑放在一个ViewModel里面，让不少view重用这段视图逻辑。
• 独立开发。开发人员能够专一于业务逻辑和数据的开发（ViewModel），设计人员能够专一于页面设计，使用Expression Blend能够很容易设计界面并生成xml代码。
• 可测试。界面素来是比较难于测试的，而如今测试能够针对ViewModel来写。

---

在安卓采用DataBinding来支持MVVM框架模式，下面咱们以DataBinding来实践

实践工具：Android Studio 2.1

准备工做：开启安卓中的DataBinding，须要在Module下的build.gradle中声明

---

• layout标签做用：做为DataBinding的标志，省去findViewById()方法

第一步：咱们以学生管理信息为例子，咱们在布局文件的外层嵌套一层layout标签，并附上命名空间，在EditText和TextView中添加对应的ID

第二步：在咱们的主Activity中，须要经过DataBindingUtil来绑定咱们的xml布局

DataBindingUtil.setContentView()方法返回一个数据绑定对象，其命名规则由系统自动生成，因为咱们的布局名字是activity_login.xml，因此生成规则：将下划线去掉，提取xml命名（字母首大写）+Binding

第三步：若是咱们须要操做xml的View，则不须要findViewById()，直接调用binding对象里面的View便可，其控件的命名规则：将下划线去掉，提取xml命名（字母首大写）

---

• data与variable标签的做用：将对象传进布局xml文件

第一步：因为layout标签还须要在binding对象中使用View，尚未彻底体现MVVM的真正效果，下面在布局文件声明data与variable标签

在variable中，咱们取个name，并将它的type指向一个Bean对象，即绑定了该对象，在使用时，经过@{ }的格式，将对象的属性绑定到控件中

第二步：在主Activity中，只要设置这个对象便可

---

• 绑定onTextChanged事件：咱们经过EditText的修改来更新TextView
• 绑定onClick事件：点击TextView弹出Toast

第一步：咱们在主Activity中建立一个Controller类，kite注意这个onTextChange方法的名字和参数必须和EditText原生的onTextChange一致，还有onClick方法也是

第二步：在布局文件中，声明这个类，并给EditText加上onTextChanged事件，给TextView加上onClick事件

注意controller.onTextChanged和controller.onClick必须对应Controller里面的名字，Controller里面的方法名能够随便取，可是参数必须和原生的方法参数一致，不然编译报错

第三步：在主Activity中设置这个Controller

• 绑定onClickListener事件：将xml的对象传递给Activity，这也是MVVM双向数据绑定的体现

第一步：咱们继续在主Activity中Controller类，建立该方法

第二步：咱们在TextView中使用该方法，并将student对象传递到Activity中

这里用到的咱们Lambda表达式，理解起来比较困难，你们知道就行了

源码

github：https://github.com/AndroidHensen/Design-Mode