MVVM设计模式的优点

1.双向绑定技术，当Model变化时，View-Model会自动更新，View也会自动变化。很好做到数据的一致性，不用担心，在模块的这一块数据是这个值，在另一块就是另一个值了。所以 MVVM模式有些时候又被称作：model-view-binder模式。
2.View的功能进一步的强化，具有控制的部分功能，若想无限增强它的功能，甚至控制器的全部功几乎都可以迁移到各个View上（不过这样不可取，那样View干了不属于它职责范围的事情）。View可以像控制器一样具有自己的View-Model.
3.由于控制器的功能大都移动到View上处理，大大的对控制器进行了瘦身。不用再为看到庞大的控制器逻辑而发愁了。
4.可以对View或ViewController的数据处理部分抽象出来一个函数处理model。这样它们专职页面布局和页面跳转，它们必然更一步的简化。

MVVM设计模式的缺点

第一点：数据绑定使得 Bug 很难被调试。你看到界面异常了，有可能是你 View 的代码有 Bug，也可能是 Model 的代码有问题。数据绑定使得一个位置的 Bug 被快速传递到别的位置，要定位原始出问题的地方就变得不那么容易了。
第二点：一个大的模块中，model也会很大，虽然使用方便了也很容易保证了数据的一致性，当时长期持有，不释放内存，就造成了花费更多的内存。
第三点：数据双向绑定不利于代码重用。客户端开发最常用的重用是View，但是数据双向绑定技术，让你在一个View都绑定了一个model，不同模块的model都不同。那就不能简单重用View了。

个人还是比较喜欢MVVM模式的，使用起来，代码简洁了很多，有点像H5的Vue框架。

下面是示例，示例演示了下面5个MVVM功能：

1.基本使用 2.绑定ImageView 3.绑定ListView 4.点击事件处理 5.数据更新处理

package shenbin.com.demo17101101.mvvp;import android.app.Activity;import android.databinding.DataBindingUtil;import android.os.Bundle;import android.widget.ListView;import java.util.ArrayList;import java.util.List;import shenbin.com.demo17101101.BR;import shenbin.com.demo17101101.R;import shenbin.com.demo17101101.databinding.ActivityMvvmDemoBinding;/** * 这个demo包含mvvm模式的： * * 1.基本使用 2.绑定ImageView 3.绑定ListView 4.点击事件处理 5.数据更新处理 */public class MvvmDemoActivity extends Activity {    ActivityMvvmDemoBinding binding = null;    private ListView lv = null;    private LvAdapter adapter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);//        setContentView(R.layout.activity_mvvm_demo);        //ActivityMvvmDemoBinding 这个是根据布局文件名R.layout.activity_mvvm_demo 得到的。        binding = DataBindingUtil.setContentView(this, R.layout.activity_mvvm_demo);        User user = new User("shenbin", "走在勇往直前的路上");        binding.setUser(user);        initView();        getDatas();    }    private void getDatas() {        List datas = new ArrayList<>();        for (int i = 0; i < 10; i++) {            User user = new User("shenbin"+i,"沈斌是个好男人"+i*i);            datas.add(user);        }        adapter.setDatas(datas);    }    private void initView() {        lv = (ListView) findViewById(R.id.lv);        adapter = new LvAdapter(this,R.layout.item_lv_mvvm, BR.user);        lv.setAdapter(adapter);    }}

package shenbin.com.demo17101101.mvvp;import android.databinding.BaseObservable;import android.databinding.Bindable;import android.databinding.BindingAdapter;import android.util.Log;import android.view.View;import android.widget.ImageView;import shenbin.com.demo17101101.BR;import shenbin.com.demo17101101.R;/** * Created by Administrator--沈斌 on 2017/10/11. * 一： * 如果需要数据更新，就需要 * 1，extends BaseObservable * 2，在对应的属性set方法里面 * 包名+".BR."+属性名    notifyPropertyChanged(shenbin.com.demo17101101.BR.name); * 3，在对应的属性的get方法前面添加：@Bindable * 这样就可以实时更新UI了 * * 二：imageView * * */public class User extends BaseObservable {    public User(String name, String desc) {        this.name = name;        this.desc = desc;    }    private String name;    private String desc;    private String imgUrl;    public String getImgUrl() {        return imgUrl;    }    public void setImgUrl(String imgUrl) {        this.imgUrl = imgUrl;    }    public void onItemClick(View v){        setName("change");        setDesc("hahhhhhhh");        Log.e("tag",getName());    }    @Bindable    public String getName() {        return name;    }    public void setName(String name) {        this.name = name;        //包名+".BR."+属性名        notifyPropertyChanged(shenbin.com.demo17101101.BR.name);    }    @Bindable    public String getDesc() {        return desc;    }    public void setDesc(String desc) {        this.desc = desc;        notifyPropertyChanged(BR.desc);    }    /**     * 这个方法会自动调用 只要设置了img这个自定义属性。     * @param iv     * @param imgUrl     */    @BindingAdapter("bind:img")    public static void setImageView(ImageView iv,String imgUrl){        iv.setImageResource(R.drawable.ic_launcher);        //可以使用网络地址，用图片框架请求image-loader，picaso    }}

package shenbin.com.demo17101101.mvvp;import android.content.Context;import android.databinding.DataBindingUtil;import android.databinding.ViewDataBinding;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import java.util.ArrayList;import java.util.List;/** * Created by Administrator--沈斌 on 2017/10/11. */public class LvAdapter<T> extends BaseAdapter {    private List<T> datas = new ArrayList<>();    private Context context;    private LayoutInflater inflater;    private int layoutId;    private int variableId;    public LvAdapter(Context context, int layoutId, int variableId,List<T> datas) {        this.context = context;        this.layoutId = layoutId;        this.variableId = variableId;        inflater = LayoutInflater.from(context);        this.setDatas(datas);    }    public LvAdapter(Context context, int layoutId, int variableId) {        this.context = context;        this.layoutId = layoutId;        this.variableId = variableId;        inflater = LayoutInflater.from(context);    }    public void setDatas(List<T> datas){        this.datas.clear();        addDatas(datas);    }    public void addDatas(List<T> datas){        this.datas.addAll(datas);        notifyDataSetChanged();    }    @Override    public int getCount() {        return datas.size();    }    @Override    public Object getItem(int position) {        return datas.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 = DataBindingUtil.getBinding(convertView);        }        dataBinding.setVariable(variableId, datas.get(position));        return dataBinding.getRoot();    }}

activity_mvvm_demo.xml ，activity的布局文件

<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto">    <data>        <import type="shenbin.com.demo17101101.mvvp.User" />        <variable            name="user"            type="User" />    data>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical"        android:onClick="@{user.onItemClick}">        <TextView            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="MVVM模式"            android:gravity="center"            android:textSize="20dp"/>        <TextView            android:id="@+id/tvName"            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="@{user.name}" />        <TextView            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="@{user.desc}" />        <ImageView            android:layout_width="150dp"            android:layout_height="150dp"            app:img="@{user.imgUrl}"/>                <TextView            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="下面是ListView的mvvm示例"            android:gravity="center"/>        <ListView            android:id="@+id/lv"            android:layout_width="match_parent"            android:layout_height="match_parent">        ListView>    LinearLayout>layout>

item_lv_mvvm.xml ListView的item布局。

<?xml version="1.0" encoding="utf-8"?><layout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto">    <data>        <import type="shenbin.com.demo17101101.mvvp.User" />        <variable            name="user"            type="User" />    data>    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="horizontal"        android:onClick="@{user.onItemClick}">        <ImageView            android:layout_width="150dp"            android:layout_height="150dp"            app:img="@{user.imgUrl}"/>                <LinearLayout            android:layout_width="match_parent"            android:layout_height="150dp"            android:orientation="vertical">            <TextView                android:id="@+id/tvName"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:text="@{user.name}" />            <TextView                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:text="@{user.desc}" />        LinearLayout>    LinearLayout>layout>

//需要开启这个，然后要求Android Studio 1.5以及以上。

android{

....

//mvvmdataBinding {    enabled true}

}

Android的MVVM模式优缺点

MVVM设计模式的优点

MVVM设计模式的缺点

更多相关文章

随机推荐