谈一谈MVP开发模式,具体实现。

来源:互联网 发布:知乎日报 ress kindle 编辑:程序博客网 时间:2024/06/04 23:30

最近公司要开发一个新项目,然后就决定要用MVP模式去开发,趁着这一段时间看了一些相关的知识,本文参考了浅谈 MVP in Android。首先我们来谈一谈什么是MVP,

对于MVP(Model View Presenter),大多数人都能说出一二:“MVC的演化版本”,“让Model和View完全解耦”等等。本篇博文仅是为了做下记录,提出一些自己的看法,和帮助大家如何针对一个Activity页面去编写针对MVP风格的代码。

对于MVP,我的内心有一个问题:

为何这个模式出来后,就能被广大的Android的程序员接受呢?

问了些程序员,他们对于MVP的普遍的认识是:“代码很清晰,不过增加了很多类”。我在第一次看到MVP的时候,看了一个demo,看完以后觉得非常nice(但是回过头来,自己想个例子写,就头疼写不出来,当然这在后文会说)。nice的原因还是因为,这个模式的确让代码的清晰度有了很大的提升。

那么,提升一般都是对比出来的,回顾下,没有应用MVP的代码结构。很多人说明显是MVC么:

  • View:对应于布局文件
  • Model:业务逻辑和实体模型
  • Controllor:对应于Activity

看起来的确像那么回事,但是细细的想想这个View对应于布局文件,其实能做的事情特别少,实际上关于该布局文件中的数据绑定的操作,事件处理的代码都在Activity中,造成了Activity既像View又像Controller(当然了Data-Binder的出现,可能会让View更像View吧)。这可能也就是为何,在该文中有一句这样的话:

Most of the modern Android applications just use View-Model architecture,everything is connected with Activity.

而当将架构改为MVP以后,Presenter的出现,将Actvity视为View层,Presenter负责完成View层与Model层的交互。现在是这样的:

  • View 对应于Activity,负责View的绘制以及与用户交互
  • Model 依然是业务逻辑和实体模型
  • Presenter 负责完成View于Model间的交互

ok,先简单了解下,文中会有例子到时候可以直观的感受下。

小总结下,也就是说,之所以让人觉得耳目一新,是因为这次的跳跃是从并不标准的MVCMVP的一个转变,减少了Activity的职责,简化了Activity中的代码,将复杂的逻辑代码提取到了Presenter中进行处理。与之对应的好处就是,耦合度更低,更方便的进行测试。借用两张图(出自:该文),代表上述的转变:

转变为:

二、MVP 与 MVC 区别

ok,上面说了一堆理论,下面我们还是需要看一看MVC与MVP的一个区别,请看下图(来自:本文):

其实最明显的区别就是,MVC中是允许Model和View进行交互的,而MVP中很明显,Model与View之间的交互由Presenter完成。还有一点就是Presenter与View之间的交互是通过接口的(代码中会体现)。

还有一堆概念性的东西,以及优点就略了,有兴趣自行百度。下面还是通过一些简单的需求来展示如何编写MVP的demo。

下面我们来写一个Demo:

别人写了一个关于登陆的,下面我来写一个,数据加载的Demo,实现了下拉刷新,和上拉加载,工程结构如下:


(一)Model

首先实体类ListBean不用考虑这个肯定有,其次从效果图可以看到至少有一个业务方法loadData(),这两点没什么难度,我们首先完成

/** * 李旭策 * 2017-05-16 16:26 * 作用 */public class ListDataBean {    private String reason;    private ResultBean result;    private int error_code;    public String getReason() {        return reason;    }    public void setReason(String reason) {        this.reason = reason;    }    public ResultBean getResult() {        return result;    }    public void setResult(ResultBean result) {        this.result = result;    }    public int getError_code() {        return error_code;    }    public void setError_code(int error_code) {        this.error_code = error_code;    }    public static class ResultBean {        private String stat;        private List<DataBean> data;        public String getStat() {            return stat;        }        public void setStat(String stat) {            this.stat = stat;        }        public List<DataBean> getData() {            return data;        }        public void setData(List<DataBean> data) {            this.data = data;        }        public static class DataBean {            private String uniquekey;            private String title;            private String date;            private String category;            private String author_name;            private String url;            private String thumbnail_pic_s;            private String thumbnail_pic_s02;            private String thumbnail_pic_s03;            public String getUniquekey() {                return uniquekey;            }            public void setUniquekey(String uniquekey) {                this.uniquekey = uniquekey;            }            public String getTitle() {                return title;            }            public void setTitle(String title) {                this.title = title;            }            public String getDate() {                return date;            }            public void setDate(String date) {                this.date = date;            }            public String getCategory() {                return category;            }            public void setCategory(String category) {                this.category = category;            }            public String getAuthor_name() {                return author_name;            }            public void setAuthor_name(String author_name) {                this.author_name = author_name;            }            public String getUrl() {                return url;            }            public void setUrl(String url) {                this.url = url;            }            public String getThumbnail_pic_s() {                return thumbnail_pic_s;            }            public void setThumbnail_pic_s(String thumbnail_pic_s) {                this.thumbnail_pic_s = thumbnail_pic_s;            }            public String getThumbnail_pic_s02() {                return thumbnail_pic_s02;            }            public void setThumbnail_pic_s02(String thumbnail_pic_s02) {                this.thumbnail_pic_s02 = thumbnail_pic_s02;            }            public String getThumbnail_pic_s03() {                return thumbnail_pic_s03;            }            public void setThumbnail_pic_s03(String thumbnail_pic_s03) {                this.thumbnail_pic_s03 = thumbnail_pic_s03;            }        }    }}

public interface IListModel  {
//业务方法    void loadData(String url, Map<String, Object> param, OnResponseListener listener);}

public class ListModel implements IListModel {    @Override    public void loadData(String url, Map<String, Object> param, final OnResponseListener listener) {        BasicHttpClient.httpGetAsync(url, param, new HttpCallbackHandle<ListDataBean>() {            @Override            public void onSuccess(ListDataBean obj) {                listener.loadSuccess(obj);            }            @Override            public void onFailure(String response) {                listener.loadError(response);            }        });    }}

/** * Created by zhy on 15/6/19. */public interface OnLoginListener{    void loginSuccess(User user);    void loginFailed();}

实体类不用说,至于业务类,我们抽取了一个接口,一个实现类这也很常见~~loadData方法,一般肯定是连接服务器的,是个耗时操作,在这里我是封装了一个网络工具类   以okhttp3为基础的封装

其实这里还是比较好写的,因为和传统写法没区别。

(二) View

上面我们说过,Presenter与View交互是通过接口。所以我们这里需要定义一个ILoadDataView,难点就在于应该有哪些方法,我们看一眼效果图:

网络数据加载主要逻辑就是一个是loadData,

loadData说明了要有链接地址、请求参数,那么对应两个方法:

  Map<String, Object> getParam();    String getUrl();

再者loadData是个耗时操作,我们需要给用户一个友好的提示,一般就是操作ProgressBar,所以再两个

 void showLoading();    void dissmissDialog();
loadData之后当然存在登录成功与失败的处理,我们主要看成功我们是添加数据,这里我用到了泛型,而失败可能是去给个提醒:

   void addData(T t);
下面看接口完整版:

/** * 李旭策 * 2017-05-10 11:31 * 作用 */public interface ILoadDataView<T> {    void addData(T t);    void notData(String msg);    void clearData();    void showDialog();    void dissmissDialog();    Map<String, Object> getParam();    String getUrl();}

有了接口,实现就太好写了~~~

总结下,对于View的接口,去观察功能上的操作,然后考虑:

  • 该操作需要什么?(getUrl, getParam)
  • 该操作的结果,对应的反馈?(loadData, notData)
  • 该操作过程中对应的友好的交互?(showLoading, hideLoading)

下面贴一下我们的View的实现类,哈,其实就是Activity,文章开始就说过,MVP中的View其实就是Activity。

package com.lixuce.mvpdemo;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.widget.ListView;import android.widget.Toast;import com.lixuce.mvpdemo.adapter.MyAdapter;import com.lixuce.mvpdemo.bean.ListDataBean;import com.lixuce.mvpdemo.presenter.LoadDataPresenter;import com.lixuce.mvpdemo.view.ILoadDataView;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;public class MainActivity extends AppCompatActivity implements ILoadDataView<ListDataBean> {    private MyAdapter myAdapter;    private LoadDataPresenter loadDataPresenter;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        loadDataPresenter = new LoadDataPresenter(this);        ListView  listView = ((ListView) findViewById(R.id.lv));        myAdapter = new MyAdapter(this, new ArrayList<ListDataBean.ResultBean.DataBean>());        listView.setAdapter(myAdapter);        loadDataPresenter.addData();    }    @Override    public void addData(ListDataBean dataBean) {        List<ListDataBean.ResultBean.DataBean> data = dataBean.getResult().getData();        if (data.size() > 0) {            myAdapter.addData(data);        }    }    @Override    public void notData(String msg) {        Toast.makeText(this, msg, Toast.LENGTH_SHORT).show();    }    @Override    public void clearData() {    }    @Override    public void showDialog() {    }    @Override    public void dissmissDialog() {    }    @Override    public Map<String, Object> getParam() {        Map<String, Object> map = new HashMap<>();        map.put("key", "19b968d40569beff4870360b1bc3016e");        map.put("type", "");        return map;    }    @Override    public String getUrl() {        return "http://v.juhe.cn/toutiao/index";    }}

对于在Activity中实现我们上述定义的接口,是一件很容易的事,毕竟接口引导我们去完成。

最后看我们的Presenter。

(三)Presenter

Presenter是用作Model和View之间交互的桥梁,那么应该有什么方法呢?

其实也是主要看该功能有什么操作,比如本例,两个操作:loadData和clearData。

package com.lixuce.mvpdemo.presenter;import com.lixuce.mvpdemo.bean.ListDataBean;import com.lixuce.mvpdemo.model.ListModel;import com.lixuce.mvpdemo.model.OnResponseListener;import com.lixuce.mvpdemo.view.ILoadDataView;import java.util.List;import java.util.Map;/** * 李旭策 * 2017-05-10 11:31 * 作用 */public class LoadDataPresenter {    private final ListModel model;    private ILoadDataView view;    public LoadDataPresenter(ILoadDataView view) {        this.view = view;        model = new ListModel();    }    @SuppressWarnings("unchecked")    public void addData() {        view.showDialog();        Map<String, Object> param = view.getParam();        model.loadData(view.getUrl(), param, new OnResponseListener<ListDataBean>() {            @Override            public void loadSuccess(ListDataBean bean) {                List<ListDataBean.ResultBean.DataBean> data = bean.getResult().getData();                view.dissmissDialog();                if (data.size() > 0) {                    view.addData(bean);                } else {                    view.notData("没有更多数据");                }            }            @Override            public void loadError(String message) {                view.dissmissDialog();                view.notData(message);            }        });    }}

注意上述代码,我们的presenter完成二者的交互,那么肯定需要二者的实现类。大致就是从View中获取需要的参数,交给Model去执行业务方法,执行的过程中需要的反馈,以及结果,再让View进行做对应的显示。

ok,拿到一个例子经过上述的分解基本就能完成。以上纯属个人见解。

下面给上一个下载链接  欢迎大家下载:下载Demo

参考资料

  • https://github.com/zhengxiaopeng/Rocko-Android-Demos/tree/master/android-mvp
  • https://github.com/antoniolg/androidmvp
  • https://github.com/pedrovgs/EffectiveAndroidUI
  • http://zhengxiaopeng.com/2015/02/06/Android%E4%B8%AD%E7%9A%84MVP/
  • http://magenic.com/Blog/Post/6/An-MVP-Pattern-for-Android
  • http://antonioleiva.com/mvp-android/
  • http://konmik.github.io/introduction-to-model-view-presenter-on-android.html








原创粉丝点击