一、MVC、MVP、MVVM的区别。
Android以往的架构都类似于MVC,在MVC中视图层是非常弱化的,造成C层代码量非常大。所以MVC架构模式可以理解成M-VC,是一个二层架构。几乎所有的视图逻辑都要写在Activity中,一个Activity可能有上千行。MVP改善了MVC的这种问题,将视图层抽象成一个IView接口,将业务逻辑和数据处理丢给Presenter,Presenter持有Iview的引用,解决了MVC中Activity代码过于臃肿的问题。而这也造成了一个问题,当业务过多时,IView的数量也会增多。如果一个Presenter只操作一个IView则违反了单一原则,粒度太大,解耦效果不好;如果将不同的功能区分成不同的IView接口,粒度太小。代码则太过碎片化。而且数据变化之后UI不会自动变化,数据不会直接映视到UI中。MVVM解决了上述的缺点,MVVM最大的亮点就是数据和View的双向绑定,MVVM通过DataBinding将View和Model进行绑定,当Model发生改变时VIew也会改变,不需要在Activity中再添加代码。
二、MVVM的使用。
1、在build.gradle中添加DataBinding,DataBinding是实现MVVM的一个工具,Android studio中已经集成,添加起来非常方便。
dataBinding{
enabled true
}
Data Binding 插件需要Gradle 1.3以上及Android Studio 1.3.
2、引入DataBinding之后,layout的写法会发生些改变。要以layout标签作为根节点。通过data标签来绑定model。写法如下
<layout xmlns:android="http://schemas.android.com/apk/res/android" >
<data>
<!--此处定义该布局要用到的数据的名称及类型-->
</data>
<!--此处按照常规方式定义要使用的布局,其中可以使用binding表达式代表属性值,所谓binding表达式,指形如"@{user.firstName}"的表达式-->
</layout>
在对应的VIew中添加Model,写法是@{内容},比如@{user.name},除此之外DataBinding还支持其他运算符如字符串拼接(@{`名字`:·+user.name}),数学表达式(+-/%等),三元操作符android:padding="@{large? @dimen/largePadding : @dimen/smallPadding}"支持dimen,还支持color、string、drawable、anim等
3、在设置视图的时候,不能再通过setContentView来设置视图,要通过DataBindingUtil.setContentView来设置视图,在设置DataBindingUtil.setContentView时会返回一个Binding对象,这个Binding对象的命名原则是布局名称(首字母大写)+Binding,例如我的布局名称叫做activity_main,我的Binding对象就叫做ActivityMainBinding。ActivityMainBinding binding=DataBindingUtil.setContentView(this,R.layout.activity_main)
这个Binding类所在包为apppackage/databinding中。
然后通过这个BInding来设置数据
binding.setUser(user);
4、加载自定义属性。当我们加载图片时,需要添加自定义的属性。自定义属性需要在实体中写好。
@BindingAdapter("bind:header")
public static void getImage(ImageView view,String url)
{
Picasso.with(view.getContext()).load(url).into(view);
}
这个方法一定要是静态的。
然后在layout中调用。
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:header="@{user.header}"
/>
5、当modle发生改变时,改变VIew。两种写法,第一个直接让实体类继承BaseObservable,第二种写法是将实体抽离出来单独放入一个类。
public class UserField {
public ObservableField<String> name=new ObservableField<>();
public ObservableField<String> password=new ObservableField<>();
}
然后在布局中引入UserField。
<variable
name="field"
type="com.example.administrator.mvvmframwork.UserField"/>
在layout应用model中用field代替user
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="@{` `+field.name}"
/>
别忘了在Activity中添加
binding.setField(userField);
无论哪种写法,都需要在对应的属性的set方法上添加@Bindable
@Bindable
public String getPassword() {
return password;
}
6、listVIew和DataBinding
listview或者RecyclerView和DataBinding搭配使用时很方便,因为adapter只需要写一个就好了。
我们利用item和model绑定,绑定过程和上面差不多,主要是adapter 的写法有了些变化
public class ComonAdapter<T> extends BaseAdapter {
private Context context;
private LayoutInflater inflater;
private int layoutId;
private int variableId;
//List <Food> User
private List<T> list;
public ComonAdapter(Context context, LayoutInflater inflater, int layoutId, int variableId, List<T> list) {
this.context = context;
this.inflater = inflater;
this.layoutId = layoutId;
this.variableId = variableId;
this.list = list;
}
@Override
public int getCount() {
return list.size();
}
@Override
public Object getItem(int position) {
return list.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
ViewDataBinding dataBinding;
if(convertView==null)
{
dataBinding= DataBindingUtil.inflate(inflater,layoutId,parent,false);
}else
{
//重用DataBinding
dataBinding=DataBindingUtil.getBinding(convertView);
}
dataBinding.setVariable(variableId,list.get(position));
//返回item视图
return dataBinding.getRoot().getRootView();
}
}
variableId是一个Model,是数据和View绑定的类型,和上面的DataBinding一样是在编译时生成的。我上面使用的variableID是BR.food。点进去它的内容很像我们的R文件。
public class BR {
public static final int _all = 0;
public static final int field = 1;
public static final int food = 2;
public static final int name = 3;
public static final int password = 4;
public static final int user = 5;
}
7、添加点击事件。我们直接去model里面去写
public void click(View view)
{
Toast.makeText(view.getContext(),getDescription(),Toast.LENGTH_SHORT).show();
}
在layout中去调用
<TextView
android:id="@+id/description"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="8dp"
android:layout_toRightOf="@id/iv"
android:ellipsize="end"
android:maxLines="3"
android:onClick="@{food.click}"
android:text="@{food.description}"/>
三、原理。
采用了MVVM之后,编译之后的class类会很多。每个layout中的一个data标签都会单独生成一个Binding。一个activity_main.xml文件编译后会生成一个activity_main.xml和一个activity_main-layout.xml,在activity_main中去掉了<layout>标签,<layout>这部分内容单独编译进activity_main-layout.xml中
未完待续...