手把手教你搭建简单的mvp框架

作者: 吃啥呀 | 来源:发表于2018-12-01 21:59 被阅读321次

    mvp java retrofit gson okhttp


    对MVP的文字描述介绍

    MVC(Model - View - Controller)

    • Model : 数据(JavaBean实体类,用于保存实例数据)
    • View : UI界面,和用户交互(向用户展示数据以及接收用户的输入)
    • Controller : 更新UI界面和数据实例

    例如:View层接受用户的输入,然后通过Controller修改对应的Model实例;同时,当Model实例的数据发生变化的时候,需要修改UI界面,可以通过Controller更新界面。(View层也可以直接更新Model实例的数据,而不用每次都通过Controller,这样对于一些简单的数据更新工作会变得方便许多。)

    MVP

    MVP.png

    MVP把Activity中的UI逻辑抽象成View接口,把业务逻辑抽象成Presenter接口,Model类还是原来的Model。
    在MVP模式中Activity的功能就是响应生命周期和显示界面,具体其他的工作都丢到了Presenter层中进行完成,Presenter其实是Model层和View层的桥梁。

    • M(model) :数据层,用来放数据的处理(比如网络请求,缓存等)
    • V(view) : 负责UI具体实现展现。比如Presenter派发过来一个动作是showDialog显示进度命令,那么我们这个View就负责实现具体UI
    • P(presenter) : 负责处理业务逻辑代码,处理Model数据,然后将处理完的数据分发到View层
    MVP.png

    关于android的MVP模式其实一直没有一个统一的实现方式,不同的人由于个人理解的不同,进而产生了很多不同的实现方式,其实很难去说哪一种更好,哪一种不好,针对不同的场合,不同的实现方式都有各自的优缺点。
    在这里,我介绍的MVP是Google提出的一种MVP实现方式。

    APP——Dreamer

    这个app要实现的是类似于“周公解梦”的查询功能,点击卡片可以看详情

    Dreamer.png

    手撸代码!!!

    撸代码.png
    准备工作
    • 在 build.gradle(Module: app )里添加依赖并 sync
    • 下载GsonFormat 插件,便于后续根据拿到的 json 数据直接生成使用该插件生成类
    • api 接口(此api接口仅供本人自己使用哦~)
    • android manifests 中添加网络权限

    ps 下面以此app的search为例子讲 MVP 框架

    1.Contract

    加入了契约类来统一管理view与presenter的所有的接口,这种方式使得view与presenter中有哪些功能,一目了然,维护起来也方便,实例如下:

    package com.example.chenshuyu.dreamer.search;
    
    import...
    
    public interface DreamerSearchContract {
        interface DreamerSearchUIView{
            //当网络错误等原因获取搜索结果没有成功时
            void onError();
            //成功获得搜索结果,且结果不为空时
            void updateRV(List<Dreamer.DataBean> dataBeans);
            //成功获得搜索结果,但是并没有搜出来东西时
            void onNull();
        }
    
        interface DreamerSearchPresenter{
            //根据搜索输入的获keyword获得搜索结果的
            void getSearchDream(String keyword);
        }
    }
    
    2.Model
    package com.example.chenshuyu.dreamer.search;
    
    import ...
    
    public class DreamSearchModel {
    
        private Retrofit retrofit = new Retrofit.Builder()
                //设置数据解析器
                .addConverterFactory(GsonConverterFactory.create())
                //设置网络请求的Url地址
                .baseUrl("https://api.shenjian.io/")
                .build();
    
        // 创建网络请求接口的实例
        private RetrofitService api = retrofit.create(RetrofitService.class);
    
        //通过model层的update方法获得网络请求拿到的数据
        public Call<Dreamer> update(String keyword){
            return api.getSearch("cfcde6656c3d1b67ecbecf400592d05e",keyword);
        }
    }
    
    3.Presenter
    package com.example.chenshuyu.dreamer.search;
    
    /**
     * presenter接口的具体实现类
     */
    public class DreamSearchPresenterImpl implements DreamerSearchContract.DreamerSearchPresenter {
        
        /**
         * presenter应该持有 view 层和 model 层的引用
         * 这样才能完成两层之间的逻辑交互
         * 同时使 view 层和 model 层完全隔离开来
         */
        private DreamerSearchContract.DreamerSearchUIView searchUIView;
        private DreamSearchModel dreamSearchModel = new DreamSearchModel();
    
        /**
         * presenter 层对应的类持有的 view 层对应的类是没有办法在 presenter 内部实例化的(此时的view是有方法但是没有具体实现的接口)
         * view 层的具体实现是 activity 继承 view 层,并重写 view 层的所有方法,即 activity 就是 view 层
         * 故成员对象 view 的实例化对象是在activity中传给presenter的
         * 所以 presenter 的构造函数中应该传入 view
         * model 层是有具体实现类的,并且已经在 presenter 类的内部实例化了,这样才能拿到 model 的具体数据,进行操作
         * @param searchUIView
         */
        public DreamSearchPresenterImpl(DreamerSearchContract.DreamerSearchUIView searchUIView){
            this.searchUIView = searchUIView;
        }
    
        /**
         * view 层和 model 层的逻辑交互,根据model的数据,执行相关的view层操作
         * @param keyword
         */
        @Override
        public void getSearchDream(String keyword) {
            Call<Dreamer> call = dreamSearchModel.update(keyword);
            call.enqueue(new Callback<Dreamer>() {
                
                //发送网络请求成功
                @Override
                public void onResponse(Call<Dreamer> call, Response<Dreamer> response) {
                    Dreamer dreamer = response.body();
                    if (dreamer.getData() == null){
                        searchUIView.onNull();
                    }else {
                        searchUIView.updateRV(dreamer.getData());
                    }
                }
    
                //没有成功
                @Override
                public void onFailure(Call<Dreamer> call, Throwable t) {
                    searchUIView.onError();
                    t.printStackTrace();
                }
            });
        }
    }
    
    4.View
    package com.example.chenshuyu.dreamer.search;
    
    import...
    
    public class SearchActivity extends AppCompatActivity implements DreamerSearchContract.DreamerSearchUIView{
        private String keyword;
        private EditText editText;
        private ImageView imageView;
        private RecyclerView recyclerView;
        private SearchAdapter searchAdapter;
        private LinearLayout linearLayout;
        private List<Dreamer.DataBean> dataBeans = new ArrayList<>();
        private DreamerSearchContract.DreamerSearchPresenter presenter = new DreamSearchPresenterImpl(this);
    
        @Override
        protected void onCreate(@Nullable Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_search);
            initId();
            initRV();
    
            linearLayout.setVisibility(View.GONE);
            editText.setHint("请输入你想搜索的关键字");
            // 点击搜索,从EditTex获得搜索keyword,并通过presneter获得搜索结果
            imageView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    keyword = editText.getText().toString();
                    presenter.getSearchDream(keyword);
                }
            });
        }
    
        // 绑定控件
        private void initId(){
            editText = findViewById(R.id.search_edit);
            imageView = findViewById(R.id.search_img);
            recyclerView = findViewById(R.id.search_rv);
            linearLayout = findViewById(R.id.search_no);
        }
    
        // 初始化recyclerview
        private void initRV(){
            LinearLayoutManager linearLayout = new LinearLayoutManager(this);
            linearLayout.setOrientation(LinearLayoutManager.VERTICAL);
            searchAdapter = new SearchAdapter(dataBeans,this);
            recyclerView.setLayoutManager(linearLayout);
            recyclerView.setAdapter(searchAdapter);
        }
    
        // 重写view的方法
        @SuppressLint("CheckResult")
        @Override
        public void onError() {
            linearLayout.setVisibility(View.GONE);
            Toasty.error(this,"你的网络崩溃了,5555~",Toast.LENGTH_LONG).show();
        }
    
        @Override
        public void updateRV(List<Dreamer.DataBean> dataBeanArrayList) {
            linearLayout.setVisibility(View.GONE);
            searchAdapter.update(dataBeanArrayList);
        }
    
        @Override
        public void onNull() {
            dataBeans.clear();
            searchAdapter.update(dataBeans);
            linearLayout.setVisibility(View.VISIBLE);
        }
    }
    

    代码架构

    image.png
    • 每一个activity就是一个mvp框架搭建起来的
    • entity用来存放数据请求获得的类
    • service 统一管理网络请求的接口

    想看完整代码的大兄弟和小仙女,可以从github上clone,在此附上我的仓库地址~:
    https://github.com/chenshuyuhhh/Dreamer.git

    相关文章

      网友评论

        本文标题:手把手教你搭建简单的mvp框架

        本文链接:https://www.haomeiwen.com/subject/pcdnqqtx.html