• Android MVP 十分钟入门!


    前言

    在日常开发APP 的过程中,随着业务的扩展,规模的变化。我们的代码规模也会逐渐变得庞大,每一个类里的代码也会逐渐增多。尤其是Activity和Fragment ,由于Context 的存在,基本上所有对视图的操作我们只能在Activity和Fragment中完成;即便是对某些逻辑进行封装,Activity和Fragment 依旧会显得过于臃肿。因此,我们需要换一种思路去写代码,这个时候MVP模式就应用而生了!那么MVP 怎么用呢,下面就来说一说。

    假设你现在如要实现下图中的功能:

    这个需求很简单,就是点击按钮,下载一张图片,显示下载进度;下载完成后,在ImageView中显示这张图片。
    下面我们就分别用传统的方式(也就是所谓的MVC)和MVP 模式分别取实现这个功能。然后分析一下MVP 到底好在哪里。

    MVC

    public class MVCActivity extends AppCompatActivity {
    
        private Context mContext;
        private ImageView mImageView;
        private MyHandler mMyHandler;
        private ProgressDialog progressDialog;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_mvc);
            mContext = this;
            init();
        }
    
        private void init() {
            //view init
            mImageView = (ImageView) findViewById(R.id.image);
            mMyHandler = new MyHandler();
    
            progressDialog = new ProgressDialog(mContext);
            progressDialog.setButton(DialogInterface.BUTTON_NEGATIVE, "Cancle", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    progressDialog.dismiss();
                }
            });
            progressDialog.setCanceledOnTouchOutside(false);
            progressDialog.setTitle("下载文件");
            progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
    
    
            //click-event
            findViewById(R.id.downloadBtn).setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    progressDialog.show();
                    HttpUtil.HttpGet(Constants.DOWNLOAD_URL, new DownloadCallback(mMyHandler));
                }
            });
    
            findViewById(R.id.downloadBtn1).setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    progressDialog.show();
                    HttpUtil.HttpGet(Constants.DOWNLOAD_ERROR_URL, new DownloadCallback(mMyHandler));
                }
            });
    
        }
    
    
        class MyHandler extends Handler {
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                switch (msg.what) {
                    case 300:
                        int percent = msg.arg1;
                        if (percent < 100) {
                            progressDialog.setProgress(percent);
                        } else {
                            progressDialog.dismiss();
                            Glide.with(mContext).load(Constants.LOCAL_FILE_PATH).into(mImageView);
                        }
                        break;
                    case 404:
                        progressDialog.dismiss();
                        Toast.makeText(mContext, "Download fail !", Toast.LENGTH_SHORT).show();
                        break;
                    default:
                        break;
                }
            }
        }
    }复制代码

    用mvc的方式,一个Activity就能搞定。代码逻辑很简单,点击按钮后显示之前初始化好ProgressDialog,然后开始下载任务(这里HttpUtil 内部简单封装了OKHttp 的异步GET请求,实现下载文件保存到本地的功能,实现细节在此不做深入探讨,有兴趣的同学可以查看源码),然后将请求结果通过Handler返回,在handleMessage中根据返回数据的信息做出不同的UI 处理;下载成功时在ImageView中显示图片,下载失败时Toast提示。

    可以发现,在这种情况之前,Activity的任务十分繁重,既要负责下载任务的具体实施,还要根据下载进行再次的逻辑判断,才能去更新UI。这里只是一个简单的任务,你可能觉得无所谓,但是实际开发中,一个Activity中有许多的交互事件,这个时候Activity的代码就显得特别的庞大;一旦需求变更或出现bug,那简直就是噩梦一场。

    因此,我们希望Activity可以变成下面这样

    • 他负责发起处理和用户交互的内容,但又不负责具体的实现;
    • 需要显示什么,不显示什么,什么东西显示多少,有个东西可以直接告诉他,
    • Activity不再做复杂的逻辑处理;

    具体到上面的demo里就是,Activity负责发起下载任务,但是不负责具体实现;什么时候显示ProgressDialog,显示多少?什么时候提示错误信息,这一切都希望有个东西能直接告诉Activity,而不再是在Activity里再做判断。怎样才能做到呢?那就得靠MVP 了。

    MVP

    MVP 模式所做的事情很简单,就是将业务逻辑和视图逻辑抽象到接口中。

    怎么理解呢,我们就根据此次要实现的下载功能,用代码说话。

    定义Model,View,Presenter 接口

    Model Interface

    Model 接口定义所有需要实现的业务逻辑,在我们的下载任务中,业务逻辑只有一个,就是下载;因此Model 接口可以这么定义 :

    public interface IDownloadModel {
        /**
         * 下载操作
         * @param url
         */
        void download(String url);
    }复制代码

    View Interface

    View 接口定义所有需要实现的视图逻辑,在我们的下载任务中,视图逻辑包括

    • 显示ProgressDialog;
    • 显示Dialog具体进度;
    • 显示具体的View(设置图片);
    • 显示错误信息(Toast提示)

    因此View接口可以这么定义:

    public interface IDownloadView {
        /**
         * 显示进度条
         * @param show
         */
        void showProgressBar(boolean show);
    
        /**
         * 设置进度条进度
         * @param progress
         */
        void setProcessProgress(int progress);
    
        /**
         * 根据数据设置view
         * @param result
         */
        void setView(String result);
    
        /**
         * 设置请求失败时的view
         */
        void showFailToast();
    }复制代码

    Presenter Interface

    Presenter 接口作为连接Model和View的中间桥梁,需要将二者连接起来,因此他需要完成以下工作:

    • 执行下载任务
    • 下载成功返回下载结果
    • 下载过程返回下载进度
    • 下载失败回调

    因此,Presenter 就可以这么定义:

    public interface IDowndownPresenter {
        /**
         * 下载
         * @param url
         */
        void download(String url);
    
        /**
         * 下载成功
         * @param result
         */
        void downloadSuccess(String result);
    
        /**
         * 当前下载进度
         * @param progress
         */
        void downloadProgress(int progress);
    
        /**
         * 下载失败
         */
        void downloadFail();
    }复制代码

    接口Model,View,Presenter 具体实现

    上面实现了,各个接口的定义,下面来看看他们具体的实现:

    Model 具体实现

    public class DownloadModel implements IDownloadModel {
        private IDowndownPresenter mIDowndownPresenter;
        private MyHandler mMyHandler = new MyHandler();
    
        public DownloadModel(IDowndownPresenter IDowndownPresenter) {
            mIDowndownPresenter = IDowndownPresenter;
        }
    
        @Override
        public void download(String url) {
            HttpUtil.HttpGet(url, new DownloadCallback(mMyHandler));
        }
    
        class MyHandler extends Handler {
            @Override
            public void handleMessage(Message msg) {
                super.handleMessage(msg);
                switch (msg.what) {
                    case 300:
                        int percent = msg.arg1;
                        if (percent < 100) {
                            mIDowndownPresenter.downloadProgress(percent);
                        } else {
                            mIDowndownPresenter.downloadSuccess(Constants.LOCAL_FILE_PATH);
                        }
                        break;
                    case 404:
                        mIDowndownPresenter.downloadFail();
                        break;
                    default:
                        break;
                }
            }
        }
    }复制代码

    在MVP模式中,Model的工作就是完成具体的业务操作,网络请求,持久化数据增删改查等任务。同时Model中又不会包含任何View。
    这里Model的具体实现很简单,将Http任务的结果返回到Handler当中,而在Handler中的实现又是由Presenter完成。
    那么Presenter接口又是怎样实现的呢?赶紧来看看

    Presenter 具体实现

    public class DownloadPresenter implements IDowndownPresenter {
        private IDownloadView mIDownloadView;
        private IDownloadModel mIDownloadModel;
    
    
        public DownloadPresenter(IDownloadView IDownloadView) {
            mIDownloadView = IDownloadView;
            mIDownloadModel = new DownloadModel(this);
        }
    
        @Override
        public void download(String url) {
            mIDownloadView.showProgressBar(true);
            mIDownloadModel.download(url);
        }
    
        @Override
        public void downloadSuccess(String result) {
            mIDownloadView.showProgressBar(false);
            mIDownloadView.setView(result);
        }
    
        @Override
        public void downloadProgress(int progress) {
            mIDownloadView.setProcessProgress(progress);
        }
    
        @Override
        public void downloadFail() {
            mIDownloadView.showProgressBar(false);
            mIDownloadView.showFailToast();
        }
    }复制代码

    可以看到,我们在DownloadPresenter的构造方法中,同时实例化了Model和View,这样Presenter中就同时包含了两者;
    这样;在Presenter具体实现中,业务相关的操作由Model去完成(例如download),视图相关的操作由View去完成
    (如setView等)
    。Presenter 作为桥梁的作用就这样体现出来了,巧妙的将View和Model的具体实现连接了起来。

    View具体实现

    最后再看一下View接口的具体实现,也就是Activity的实现:

    public class MVPActivity extends AppCompatActivity implements IDownloadView {
        private Context mContext;
        private ImageView mImageView;
        private ProgressDialog progressDialog;
    
        private DownloadPresenter mDownloadPresenter;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            mContext = this;
            setContentView(R.layout.activity_mvp);
            init();
        }
    
        private void init() {
            mDownloadPresenter = new DownloadPresenter(this);
            //view init
            mImageView = (ImageView) findViewById(R.id.image);
            findViewById(R.id.downloadBtn).setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mDownloadPresenter.download(Constants.DOWNLOAD_URL);
                }
            });
    
            findViewById(R.id.downloadBtn1).setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mDownloadPresenter.download(Constants.DOWNLOAD_ERROR_URL);
                }
            });
    
            progressDialog = new ProgressDialog(mContext);
            progressDialog.setButton(DialogInterface.BUTTON_NEGATIVE, "Cancle", new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    progressDialog.dismiss();
                }
            });
            progressDialog.setCanceledOnTouchOutside(false);
            progressDialog.setTitle("下载文件");
            progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
    
        }
    
        @Override
        public void showProgressBar(boolean show) {
            if (show) {
                progressDialog.show();
            } else {
                progressDialog.dismiss();
            }
        }
    
        @Override
        public void setProcessProgress(int progress) {
            progressDialog.setProgress(progress);
        }
    
        @Override
        public void setView(String result) {
            Glide.with(mContext).load(result).into(mImageView);
        }
    
        @Override
        public void showFailToast() {
            Toast.makeText(mContext, "Download fail !", Toast.LENGTH_SHORT).show();
        }
    }复制代码

    在点下按钮执行开始下载任务的时候,View(Activity)中没有具体的实现,只是调用了Presenter中的download方法,而Presenter中的download又会去调用Model的download方法,Model又会在根据具体逻辑(在这里就是Http请求)的状态去调用Presenter中的方法,例如我们在handleMessage方法中,调用mIDowndownPresenter.downloadProgress(percent)时,就会去调用Presenter的具体实现

        @Override
        public void downloadProgress(int progress) {
            mIDownloadView.setProcessProgress(progress);
        }复制代码

    而他的内部实现又是操作具体的View,也就是我们在Activity中初始化Presenter中传递的this,也就是当前Activity(View),这样最终回到了Activity中的

    
        @Override
        public void setProcessProgress(int progress) {
            progressDialog.setProgress(progress);
        }复制代码

    我们为progressDialog 设置进度。

    至此,我们就通过MVP 的模式实现了我们之前所设想的Activity

    • Button的click方法负责发起下载任务,但又不负责具体实现,而是由Presenter转接给Model去实现
    • Activity 什么时候显示ProgressDialog,什么时候显示Toast直接由Presenter告诉他,他只做一个View想做的事情
    • Activity里没有任何逻辑处理,所有的逻辑判断都在Model中完成了。

    这就是MVP !!!

    MVC VS MVP

    通过上面的两种实现方案,相信每个人都已经理解了MVC和MVP的区别;下面就其各自的优缺点再做一下
    总结;当然,这里的优缺点只是相对而言

    优点

    MVC

    MVP

    上面两张图分别是MVC和MVP架构图。相信许多和我一样尝试去学习和了解MVP架构的同学对这两图(或类似的图)并不陌生。

    结构更加清晰*

    我们回过头再去看MVCActivity 的实现,暂且将我们对Http请求的封装归结为Model(M),那么剩下的就只有Activity了,而这个Activity即实现视图逻辑,又需要实现部分业务逻辑,也就是说他既是Controller(C)又是View(V)。V和C的划分完全不清晰;因此,传统的代码结构只能勉强称为MV 或者是MC,如果算上xml 的布局文件,才能牵强的称为MVC 结构。

    而MVP 就不同了,Model,View,Presenter各司其职,互相搭配,实现了解耦,完全解放了Activity(或者是Fragment)。这就是MVP 的优势,代码结构更加清晰。可以这样说,同一个模块的实现,甚至允许几个人分工完成;假设有一个非常复杂的Activity,如果使用MVP 的模式开发;那么这个时候,定义好MVP的接口之后,就可以有人专门去做Model,另一个人专门去做View;再由一个人写Presenter的代码,当然这需要极强的代码规范和协作能力;但这在传统的MVC模式中根本是无法想象的,所有的东西都在一个类里,两个人一起改,有了冲突怎么玩/(ㄒoㄒ)/~~。

    需求变更,不再是噩梦

    假设现在有新的需求,产品经理认为下载失败后只有一个Toast提示太单调了(而且用户有可能错过了这Toast的显示,而误以为APP失去了响应),因此,现在希望在下载失败后弹出一个Dialog,可以重试下载任务。是想,如果代码使用传统的MVC 结构,恰巧这个代码不是你写的,或者说就是你写的,但是你已经忘记了具体的逻辑;那么为了实现这个需求你又得去重新捋一遍逻辑,到某个类的xxx行进行修改;但是如果使用MVP就不同了View接口已经定义好了showFailToast就是用来显示错误提示的;因此即便代码不是你写的,你都可以很快的找到,应该去哪里改;而省去很多时间。

    更容易写单元测试

    这个就不展开说了,总之写过单元测试的人应该都有这样的体会。

    缺点

    MVP这么好,也不是没有缺点。

    如图中所示,使用MVP 架构之后,多出了许多类;这是必然的;每一个View(Activity或Fragment)都至少需要各自的Model、Presenter和View接口,在加上他们各自的实现,也就是说每一个页面都会有6个java文件(算上Fragment或Activity,因为他就是View的实现),这样一个稍有点规模的APP,类就会变得异常的多,而每一个类的加载又会消耗资源;因此,相较于MVC,这算是MVP最大的缺点了吧。

    当然,对于这个问题我们可以通过泛型参数、抽象父类的方式,将一些公用的Model及Presenter抽象出来。这应该就是使用MVP架构的精髓了。

    最后

    个人感觉,使用MVP 架构是利大于弊的;随着项目规模的增加,代码逻辑的清晰才是最重要的事情。况且Google官方也出推出了一系列关于MVP的使用demo
    因此,这也是官方提倡大家使用的。凡事,有利必有弊;类数目的增长是无法避免的事情,因此如何使用泛型和抽象优化MVP 的结构就变成了我们用好
    MVP的关键了。

    当然,我们不能为了MVP而去MVP,如果项目结构不是很庞大,业务不是很复杂;那么传统的MVC 架构足以,而且也方便!


    年前的最后一个工作日了,我居然写了一篇学习笔记;今天一定是上了假的班儿!明天回家过年,O(∩_∩)O哈哈哈~!每一个人,新年快乐!

  • 相关阅读:
    HTTP以及TCP协议
    分布式理论
    JAVA基础面试题
    JAVA基础面试题
    vue 中百度富文本初始化内容加载失败(编辑操作某列数据时,富文本中内容偶尔会为空)
    CodeMirror的使用方法
    JSON格式化,JSON.stringify()的用法
    promise与await的用法
    服务器端node.js
    数组扁平化
  • 原文地址:https://www.cnblogs.com/twodog/p/12141369.html
Copyright © 2020-2023  润新知