Android 之设计模式Mvc、Mvp和Mvvm


这篇文章记录一下Android中框架的Mvc、Mvp、Mvvm模式。在面试中有很多面试官都会问到讲讲三种模式的运用和区别，所以自己就来总结一下自己理解的相关的内容。
1、MVC
Model（模型层）：主要是对数据相关的操作在Model层中，比如网络请求、数据库相关内容
View（视图层）：一般通过xml界面展示出来的与用户交互的UI展示
Controller（控制层）：主要是进行逻辑操作的相关内容，Android中一般activity为控制器。
实现：


Controller：

public class OneActivity extends BaseAcvitiy {

    private OneModel oneModel;
    private TextView textView;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //View的展现
        setContentView(R.layout.activity_one);

        //Model
        oneModel = new OneModel();

        textView = findViewById(R.id.tv);
        textView.setOnClickListener(onClickListener);
    }

    View.OnClickListener onClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View view) {

            //进行逻辑调用，点击view获取数据操作
            oneModel.invoke(1000, oneCallBack);

        }
    };
    OneCallBack oneCallBack = new OneCallBack() {
        @Override
        public void onSuccess(String data) {
            textView.setText(data);
        }

        @Override
        public void onFial(String errorMessage) {
            textView.setText(errorMessage);
        }
    };
}

View：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:id="@+id/tv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="15dp"
        android:text="请求数据"
        android:textSize="24sp"/>

</android.support.constraint.ConstraintLayout>

Model:

public class OneModel {

    public void invoke(int time, OneCallBack oneCallBack) {
        setOneCallBack(oneCallBack);
        //仿网络请求，嘿
        try {
            Thread.sleep(time);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        //网络请求状态判断
        if (getOneCallBack() != null) {
            switch (time) {
                case 1000:
                    getOneCallBack().onSuccess("请求成功:" +
                            "Find something you love doing and then find a way to scale it.");
                    break;
                case 3000:
                    getOneCallBack().onFial("请求超时");
                    break;
            }

        }

    }

    private OneCallBack oneCallBack;

    public OneCallBack getOneCallBack() {
        return oneCallBack;
    }

    public void setOneCallBack(OneCallBack oneCallBack) {
        this.oneCallBack = oneCallBack;
    }
}

在MVC中，Activity/Fragment既充当了控制器层，又充当了VIew层，导致耦合性很高，如果项目的需求功能越来越多，Activity/Fragment中的代码会越来越庞大，会导致难以维护和测试。所以就会有了后面的MVP的架构模式的出现。
2、MVP
Model（模型层）：同MVC中的Model层
View（视图层）：同MVC中的VIew层
Presenter（控制层）：主要是进行逻辑的操作，来支持View和Model之间的交互
实现：


Model：

public interface IModel {
    void network(int time,TwoCallBack twoCallBack);
}
public class TwoModel implements IModel {

    @Override
    public void network(int time, TwoCallBack twoCallBack) {
        setTwoCallBack(twoCallBack);
        //仿网络请求，嘿
        try {
            Thread.sleep(time);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        //网络请求状态判断
        if (getOneCallBack() != null) {
            switch (time) {
                case 1000:
                    getOneCallBack().onSuccess("请求成功:" +
                            "Find something you love doing and then find a way to scale it.");
                    break;
                case 3000:
                    getOneCallBack().onFial("请求超时");
                    break;
            }

        }
    }
    private TwoCallBack twoCallBack;

    public TwoCallBack getOneCallBack() {
        return twoCallBack;
    }

    public void setTwoCallBack(TwoCallBack twoCallBack) {
        this.twoCallBack = twoCallBack;
    }
}

View：

public interface IView {
    void success(String data);
    void fail(String data);
}

Presenter：

public interface IPresenter {

    void init(IView iView);
    void invoke();
}
public class TwoPresenter implements IPresenter {
    private IView iView;
    private IModel iModel;

    @Override
    public void init(IView iView) {
        this.iView = iView;
        iModel = new TwoModel();
    }

    @Override
    public void invoke() {
        iModel.network(1000,twoCallBack );
    }

    TwoCallBack twoCallBack = new TwoCallBack() {
        @Override
        public void onSuccess(String data) {
            if (iView != null) {
                iView.success(data);
            }
        }

        @Override
        public void onFial(String errorMessage) {
            if (iView != null) {
                iView.fail(errorMessage);
            }
        }
    };
}

Activity调用：

public class TwoActivity extends BaseAcvitiy implements IView {

    private Button button;
    private TwoPresenter presenter;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //View
        setContentView(R.layout.activity_two);
        //Presenter初始化
        presenter = new TwoPresenter();
        presenter.init(this);

        button = findViewById(R.id.bt);
        button.setOnClickListener(onClickListener);
    }

    View.OnClickListener onClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            //调用逻辑实现
            presenter.invoke();
        }
    };

    @Override
    public void success(String data) {
        button.setText(data);
    }

    @Override
    public void fail(String errorMs) {
        button.setText(errorMs);
    }
}

在MVP模式中，主要的特点是面向接口编程的。它将业务从Activity/Fragment中分离出去，把功能逻辑操作都放在了Persenter层，Activity/Fragment只负责视图层的展示，VIew层和Model层没有任何交互，降低了耦合，更便于后期项目的维护和开发。

3、MVVM
Model（模型层）：同MVC中的Model层
View（视图层）：同MVC中的VIew层
ViewModel（视图模型层）：处理逻辑相关内容操作


image.png

Model层：

public class ThreeModel {
    public ObservableField<String> data=new ObservableField<>();

    public void invoke(int time,IModel iModel){
        try {
            Thread.sleep(time);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        iModel.onSuccess();
    }

View层：

public class ThreeActivity extends BaseAcvitiy {

    private ActivityThreeBinding activityThreeBinding;
    private ThreeViewModel threeModel;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        activityThreeBinding = DataBindingUtil
                .setContentView(this,R.layout.activity_three);

        threeModel = new ThreeViewModel(activityThreeBinding);

        activityThreeBinding.setModel(threeModel.getData());
        activityThreeBinding.setMain(ThreeActivity.this);

    }
    public void onClickTv(View view){
       threeModel.invoke();
    }
}

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android">

    <data>

        <variable
            name="model"
            type="com.wtt.testac.mvvm.model.ThreeModel" />
        <variable
            name="main"
            type="com.wtt.testac.mvvm.view.ThreeActivity" />
    </data>

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <TextView
            android:id="@+id/tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="@{model.data}"
            android:onClick="@{main.onClickTv}"/>

    </android.support.constraint.ConstraintLayout>
</layout>

ViewModel层：

public class ThreeViewModel {


    private ThreeModel threeModel;

    public ThreeViewModel(ActivityThreeBinding activityThreeBinding) {
        threeModel = new ThreeModel();
    }

    public ThreeModel getData() {
        threeModel.data.set("请求数据");
        return threeModel;
    }

    public void invoke() {
        threeModel.invoke(1000, iModel);
    }

    IModel iModel = new IModel() {
        @Override
        public void onSuccess() {
            threeModel.data.set("请求成功");
        }

        @Override
        public void onFial(String errorMessage) {

        }
    };
}

在MVVM中，View和Model使用DataBinding来进行双向绑定，一方的改变都会影响另一方，开发者不用再去手动修改UI的数据。项目结构更加的低耦合。

总结：这篇文章主要介绍了三种不同模式的区别和简单的例子实现，具体项目用什么模式可以自己针对具体情况去选择合适的模式。文章中有任何问题，和不对的地方，欢迎指出，后续会继续完善。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 212,185评论 6赞 493
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 90,445评论 3赞 385
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 157,684评论 0赞 348
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 56,564评论 1赞 284
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 65,681评论 6赞 386
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 49,874评论 1赞 290
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 39,025评论 3赞 408
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 37,761评论 0赞 268
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 44,217评论 1赞 303
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,545评论 2赞 327
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,694评论 1赞 341
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 34,351评论 4赞 332
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 39,988评论 3赞 315
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,778评论 0赞 21
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,007评论 1赞 266
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 46,427评论 2赞 360
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 43,580评论 2赞 349