1、数据的双向绑定
MVVM模式不是四层,同MVP一样也是三层,但是我不同意MVVM是MVP的升级版,二者有相同的地方,但是MVP的一些优点,MVVM也无法取代,MVVM的三层模型如下:
- Model :负责数据实现和逻辑处理,类似MVP。
- View : 对应于Activity和XML,负责View的绘制以及与用户交互,类似MVP。
- ViewModel : 创建关联,将model和view绑定起来。如此之后,我们model的更改,通过viewmodel反馈给view。(view的xml布局文件,经过特定的编写,编译工具处理后,生成的代码会接收viewmodel的数据通知消息,自动刷新界面)。
MVVM模式的最大亮点是双向绑定。
对于双向绑定,刚好可以使用DataBinding,DataBinding是一个实现数据和UI绑定的框架,是构建MVVM模式的一个关键的工具。
2、DataBinding基本用法
-Gradle配置
只要在Gradle中的android域里面,将dataBinding打开就OK了。
-创建实体类
public class User {
private String name;
private String age;
public void onItemClick(View pView) {
Toast.makeText(pView.getContext(), getName(), Toast.LENGTH_SHORT).show();
}
public String getAge() {
return age;
}
public void setAge(String age) {
this.age = age;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public User(String name, String age) {
this.name = name;
this.age = age;
}
}
实现绑定的话,布局编写和传统的xml有区别
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="user"
type="mvvm.wangjing.com.mvvm.User.User" />
</data>
<RelativeLayout
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="mvvm.wangjing.com.mvvm.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:onClick="@{user.onItemClick}"
android:text="@{`My name is `+ user.name+` I'm `+user.age+` years old `}" />
</RelativeLayout>
</layout>
使用DataBinding后,布局都是以标签作为根节点,这个布局 最终会生成一个Binding类,命名规则是:单词首字母大写,移除下划线,并在最后添加上Binding。我这里是activity_main.xml,所以生成的是ActivityMainBinding。
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//setContentView(R.layout.activity_main);
ActivityMainBinding viewDataBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
User user = new User("Looperjing", "20");
viewDataBinding.setUser(user);
}
}
把setContentView(R.layout.activity_main)换成DataBindingUtil.setContentView(this, R.layout.activity_main),返回的是生成的绑定类ActivityMainBinding,然后将user进行绑定。运行效果如下。
但是这还不能实现双向绑定,要实现双向绑定的话。需要修改我们的实体类。
public class User extends BaseObservable {
public ObservableField<String> name = new ObservableField<>();
public ObservableField<String> age = new ObservableField<>();
public User(String pName, String pAge) {
name.set(pName);
age.set(pAge);
}
@Bindable
public String getName() {
return name.get();
}
public void setName(String name) {
this.name.set(name);
notifyPropertyChanged(mvvm.wangjing.com.mvvm.BR.name);
}
@Bindable
public String getAge() {
return age.get();
}
public void setAge(String age) {
this.age.set(age);
}
public void onItemClick(View pView) {
Toast.makeText(pView.getContext(), name.get(), Toast.LENGTH_SHORT).show();
setName("June");
}
}
用 public ObservableField name = new ObservableField<>()这种方式来创建属性,ObservableField的作用是,当我们实体类中的值发生改变时会自动通知View刷新。用 name.get()获取属性值,用name.set()设置属性值。若想改变一个字段,需要该字段的get方法添加上@Bindable注解,然后给该字段的set方法加上 notifyPropertyChanged(mvvm.wangjing.com.mvvm.BR.name),上面的代码就演示了点击View的时候,修改name的值。关于dadabinding更高级的用法见:[戳我](http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0603/2992.html
http://blog.csdn.net/listen2code/article/details/53401461?ref=myread)
上面演示了DataBinding是如何双向绑定的,这个是实现MVVM模式的中ViewModel的关键部分。
3、Android中的MVVM模式
a、View层
view层就是xml和Activity
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable
name="model"
type="mvvm.wangjing.com.mvvm.User.UserViewModel" />
</data>
<RelativeLayout
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="mvvm.wangjing.com.mvvm.MainActivity">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:onClick="@{model.onItemClick}"
android:text="@{`My name is `+ model.user.name+` I'm `+model.user.age+` years old `}" />
</RelativeLayout>
</layout>
请注意 ,这次 中导入的是UserViewModel,这也就是MVVM的VM层,当Model业务数据发生变化时候,通知UI更新,UI更新的时候,通知Model发生变化。
<data>
<variable
name="model"
type="mvvm.wangjing.com.mvvm.User.UserViewModel" />
</data>
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
final ActivityMainBinding viewDataBinding = DataBindingUtil.setContentView(this, R.layout.activity_main);
UserViewModel userViewModel=new UserViewModel(this,viewDataBinding);
}
}
可以发现,View层做的就是和UI相关的工作,我们只在XML、Activity和Fragment写View层的代码,View层不做和业务相关的事,也就是我们在Activity不写业务逻辑和业务数据相关的代码,更新UI通过数据绑定实现,尽量在ViewModel里面做。
b、ViewModel层
public class UserViewModel {
//注意,这里都需要定义成public,否则这个字段读取不到
public User user;
public ActivityMainBinding mainBinding;
public Activity activity;
public UserViewModel(Activity pActivity, ActivityMainBinding pMainBinding) {
this.activity = pActivity;
this.mainBinding = pMainBinding;
mainBinding.setModel(this);
init();
}
private void init() {
user=new User("LooperJing","20");
}
public void onItemClick(View pView) {
Toast.makeText(pView.getContext(), "通知Medel层,异步请求,获取用户信息", Toast.LENGTH_SHORT).show();
}
}
ViewModel仅仅专注于业务的逻辑处理,只做和业务逻辑和业务数据相关的事,UI相关的事情不要写在这里面,ViewModel 层不会持有任何控件的引用,更不会在ViewModel中通过UI控件的引用去做更新UI的事情。但是ViewModel可能会改变数据,由于数据和UI已经绑定到一起了,所以相应的控件上会自动去更新UI。
c、Model层
Model层就是职责数据获取的,网络请求的逻辑在这里面写,类似于MVP。所以我觉得ViewModel层可以持有一个Model的引用,通知Model获取数据,同时Model在获取到数据之后,回调通知ViewModel进行数据更改,进而使UI得到更新。
总结一下:View层的Activity通过DataBinding生成Binding实例,把这个实例传递给ViewModel,ViewModel层通过把自身与Binding实例绑定,从而实现View中layout与ViewModel的双向绑定。如果不引入ViewModel这一层,还会有一个缺点:一个xml中可能会涉及到多个数据对象,那么我们只有把这个多个数据对象都引入进来,xml布局的清晰程度胡下降,通过这种方法,我们的layout文件中data标签中只需要引入ViewModel就可以了,其它的数据对象统一在ViewModel中一并处理。关于三者的协作关系可以如下图表示:
d、MVVM的问题
第一点:数据绑定使得 Bug 很难被调试。你看到界面异常了,有可能是你 View 的代码有 Bug,也可能是 Model 的代码有问题。数据绑定使得一个位置的 Bug 被快速传递到别的位置,要定位原始出问题的地方就变得不那么容易了。
第二点:对于过大的项目,数据绑定需要花费更多的内存。
不管什么架构设计,模块化,框架化,服务化等是基本思想,所以这个基本的原则我们要遵守,对一些新的架构模式,抱着一个客观的态度去学学习总是可以提高自己的设计水平。
感谢:
Android架构设计---关于MVVM模式的探讨
可以看一看
Android开发架构选择MVP or MVVM