您现在的位置是:首页 > 文章详情

谈谈我对 MVP 的理解

日期:2018-10-21点击:339

说实话,MVP 这种模式或者说设计思想也已经出来很久了,现在最新的使用的是 MVVM 设计模式,不断对于萌新来说,还是需要一步一步的向前走。毕竟,人不能一口吃成一个大胖子是吧。

本人大四,目前正在实习,其实接触研究 MVP 也有很久了,期间找过网上的老哥们帮忙写过 MVPDemo,也从 GitHub 上看过很多项目源码。也看过他们的设计思想等。不过一直对于 MVP 中的实现引用啊,数据怎么传递过去的很迷。也看过 Google 的官方 Demo,看完后感觉还不如其他的简单 Demo 容易明白。所以我这次结合自己写的小 Demo 和理解,完整的讲述下我眼中的 MVP。希望能帮到大家,如果有什么错误还希望各位大佬多多指教。

文末附有源码

img_99e332bcdc0abe080e8358040951db56.png
01.png

话不多说,这个图是我盗来的,,,

其实对于 MVP 的好处我也不多和大家说了,说来说去也就那么几点:

1,松耦合

2,方便单元测试

3,代码整洁,容易修改

4,等等。。

先给大家展示下我的项目目录结构:


img_b2383f3dbf69fd5db8419a6708559f71.png
02.png

ApiService 目录:里面放了请求接口的方法

package com.example.root.mvp_demo.ApiInterface; import com.example.root.mvp_demo.bean.ArticleData; import io.reactivex.Observable; import retrofit2.http.GET; import retrofit2.http.Path; /** * author:Jiwenjie * email:Jiwenjie97@gmail.com * time:2018/10/21 * desc: 有关 Retrofit 和 RxJava 结合的功能接口 * version:1.0 */ public interface ApiService { @GET("/article/list/{page}/json") Observable<ArticleData> getArticle(@Path("page") int page); } 

这里大家应该都可以理解,因为我请求网络使用的是 RxJava + Retrofit,所以这里的开头是 Observable,如果只是单纯的 Retrofit 的话那就改成 Call 就可以了,其他不必变化。

tips:这里有一个注意点就是 @Path 和 @Query 的区别。前者是在 URL 中间添加参数,上面代码有表示,需要用 @Path 代替的参数在链接中使用 { } 包裹起来,注意名称需要对应; 而后者是属于拼接参数,即 URL 输入完成后,在最后通过 ?和 & 连接起来的参数。相信我说的很明白了,不能明白的话就去看下你们经常写的 URL 格式你也就会明白。

base 目录:这里存放了 BaseView 和 BasePresenter,这是大家的习惯啦,我正常会把 BaseActivity,BaseFragment 等都放在 Base 目录下

package com.example.root.mvp_demo.base; /** * author:Jiwenjie * email:Jiwenjie97@gmail.com * time:2018/10/21 * desc: * version:1.0 */ public interface BasePresenter { void start(); void destroy(); } 

BaseView

package com.example.root.mvp_demo.base; /** * author:Jiwenjie * email:Jiwenjie97@gmail.com * time:2018/10/21 * desc: * version:1.0 */ public interface BaseView { } 

我这里给 BaseView 定义了空实现,给 Presenter 定义了 onStart 和 onDestroy 方法。这些不用多说,相信大家都能够看懂。

bean 目录:存放实体类

contact 目录:契约目录,这里存放契约类,一般 APP 的一个界面就是一个契约类,这也是 Google 的推荐写法

package com.example.root.mvp_demo.contact; import com.example.root.mvp_demo.base.BasePresenter; import com.example.root.mvp_demo.base.BaseView; import com.example.root.mvp_demo.bean.ArticleData; /** * author:Jiwenjie * email:Jiwenjie97@gmail.com * time:2018/10/21 * desc:首页文章的契约类 * version:1.0 */ public class ArtContact { public interface ArtView extends BaseView { void setData(ArticleData data); } public interface ArtPresenter extends BasePresenter { void requestData(); } } 

顾名思义,就像签订契约,哪一个 View 和 哪一个 Presenter 相对应起来。注意 View 很重要,它是纽带。在具体使用的时候就需要 Activity 或者 Fragment 实现该 View,然后把参数传递给 Presenter。在Presenter 中做操作。

utils 目录:再看 Model 目录前先看 utils 目录,这里封装了网络请求方法

package com.example.root.mvp_demo.utils; import com.example.root.mvp_demo.ApiInterface.ApiService; import java.util.concurrent.TimeUnit; import okhttp3.OkHttpClient; import okhttp3.logging.HttpLoggingInterceptor; import retrofit2.CallAdapter; import retrofit2.Converter; import retrofit2.Retrofit; import retrofit2.adapter.rxjava2.RxJava2CallAdapterFactory; import retrofit2.converter.gson.GsonConverterFactory; /** * author:Jiwenjie * email:Jiwenjie97@gmail.com * time:2018/10/21 * desc: 有关网络请求的 Util * version:1.0 */ public class RetrofitManager { private static ApiService apiService; private static OkHttpClient okHttpClient; private static Converter.Factory gsonConverterFactory = GsonConverterFactory.create(); private static CallAdapter.Factory rxJaveCallAdapterFactory = RxJava2CallAdapterFactory.create(); private static HttpLoggingInterceptor interceptor = new HttpLoggingInterceptor(); private static OkHttpClient getClient() { // 可以设置请求过滤的水平,body,basic,headers interceptor.setLevel(HttpLoggingInterceptor.Level.BODY); return okHttpClient = new OkHttpClient.Builder() .addInterceptor(interceptor) // 日志,所有请求响应都看到 .connectTimeout(60L, TimeUnit.SECONDS) .readTimeout(60L, TimeUnit.SECONDS) .writeTimeout(60L, TimeUnit.SECONDS) .build(); } public static ApiService getApiService() { if (apiService == null) { Retrofit retrofit = new Retrofit.Builder() .client(getClient()) .baseUrl("http://www.wanandroid.com/") .addConverterFactory(gsonConverterFactory) .addCallAdapterFactory(rxJaveCallAdapterFactory) .build(); apiService = retrofit.create(ApiService.class); } return apiService; } } 

相信对于 Retrofit 有些了解的童鞋都知道其实 Retrofit 的实现就是 OkHttp 外面包裹了一层能够和 RxJava 连接的部分而已,所以这里的 Client 使用的是 okHttpClient。接口使用的是鸿洋大神的 玩 Android 接口。话说鸿洋老哥去头条工作了,,,大写的羡慕。都知道头条待遇好要求高。

大家可以根据我写的在做扩展。PS:其实这里有关获取 APiService 就可以修改扩展,使用 泛型和 Class 来处理代替。这样在 Model 调用的时候直接传入参数就可以。如果照我这样写,每个接口都要实现一个方法太多重复了。

Model 目录:存放 Model 用来具体操作数据的部分

package com.example.root.mvp_demo.model; import com.example.root.mvp_demo.bean.ArticleData; import com.example.root.mvp_demo.utils.RetrofitManager; import io.reactivex.Observable; import io.reactivex.android.schedulers.AndroidSchedulers; import io.reactivex.schedulers.Schedulers; /** * author:Jiwenjie * email:Jiwenjie97@gmail.com * time:2018/10/21 * desc: MVP 中的 model * version:1.0 */ public class ArticleModel { // 获取首页技术文章的 model public Observable<ArticleData> getArtData(int page) { return RetrofitManager.getApiService().getArticle(page) .subscribeOn(Schedulers.io()) .unsubscribeOn(Schedulers.io()) .observeOn(AndroidSchedulers.mainThread()); } } 

其实不论在 MVP 或者 MVC 模式中,Model 都是在操作数据的部分,这一点万年不变。MVVM 我还没看,不太了解,只知道好像是增加了一个 ViewModel,所以应该也是一样。

这上面从 22 行到 24 行代码是 RxJava 的功能体现,链式调用,可以说是牛逼了。他的意思是被观察者获取数据请求网络的时候在 IO 线程,所以被观察者解绑的时候也在 IO 线程。而观察者运行在 UI 线程。这里就体现了线程一行代码切换的强大。随便切,且不过来算我输,,,

如果对于这些不了解的童鞋可以去网上搜一搜,

这篇文章写的很好。
Presenter 目录:存放具体的 Prsenter 实现

大家都知道在 Activity 或者 Fragment 中需要持有 Presenter 的引用,在 Presenter 中对数据和 View 进行操作,所以我们还需要定义一个类来实现 Presenter 接口。

package com.example.root.mvp_demo.presenter; import android.content.Context; import android.util.Log; import android.widget.Toast; import com.example.root.mvp_demo.model.ArticleModel; import com.example.root.mvp_demo.bean.ArticleData; import com.example.root.mvp_demo.contact.ArtContact; import io.reactivex.disposables.Disposable; import io.reactivex.functions.Consumer; /** * author:Jiwenjie * email:Jiwenjie97@gmail.com * time:2018/10/21 * desc: 实际的 Presenter,在这里需要持有 View 和 Model 的引用, * 通过 model 获取数据,把获取的数据显示在 Model 中 * version:1.0 */ public class Presenter implements ArtContact.ArtPresenter { private Context mContext; private ArticleModel mModel; private ArtContact.ArtView mView; // 防止内存泄漏部分 protected Disposable disposable; // 初始化部分 public Presenter(Context context, ArtContact.ArtView view) { this.mContext = context; this.mView = view; mModel = new ArticleModel(); } @Override public void requestData() { destroy(); disposable = mModel.getArtData(0) .subscribe(new Consumer<ArticleData>() { @Override public void accept(ArticleData articleData) throws Exception { Toast.makeText(mContext, "数据获取成功", Toast.LENGTH_SHORT).show(); mView.setData(articleData); } }, new Consumer<Throwable>() { @Override public void accept(Throwable throwable) throws Exception { Toast.makeText(mContext, "数据获取失败", Toast.LENGTH_SHORT).show(); } }); } @Override public void start() { Log.i("Presenter", "开始获取数据"); } @Override public void destroy() { if (disposable != null && !disposable.isDisposed()) { disposable.dispose(); } } } 

这里我都写了注释,相信大家都能看懂,如果不明白的话可以私信或者 Google,如果实在不行的话,,,百度也行。注意这里我传递参数是 0,固定写死的,大家实际使用的时候需要修改一下,改成变量的形式就 OK 了。

MainActivity

重点来了,重点来了,前面说的再多都是铺垫,还要具体使用才行。先看布局,没啥好说,一个 TextView 和一个 Button。

<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <TextView android:id="@+id/tv_content" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="Hello World!" android:textSize="20dp" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> <Button android:id="@+id/btn_start" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="开始" android:textSize="18dp" app:layout_constraintTop_toBottomOf="@id/tv_content" /> </android.support.constraint.ConstraintLayout> 

这里给大家推荐下约束布局,真的很好用,而且上网搜一搜就能会。真的是嵌套好几层的页面他就一层搞定。对于优化性能有要求的话强烈推荐。不过没要求的话也就算了,因为写起来还有有些费事的,起码 Id 你就要想好多不重复的才行。

MainActivity 源码

package com.example.root.mvp_demo; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.TextView; import com.example.root.mvp_demo.bean.ArticleData; import com.example.root.mvp_demo.contact.ArtContact; import com.example.root.mvp_demo.presenter.Presenter; public class MainActivity extends AppCompatActivity implements ArtContact.ArtView { private Button btn_start; private TextView tv_content; private Presenter presenter; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initEvent(); } private void initView() { btn_start = findViewById(R.id.btn_start); tv_content = findViewById(R.id.tv_content); presenter = new Presenter(getApplicationContext(), this); } private void initEvent() { btn_start.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { presenter.start(); presenter.requestData(); } }); } @Override public void setData(ArticleData data) { tv_content.setText(data.getData().getDatas().toString()); } @Override protected void onDestroy() { super.onDestroy(); presenter.destroy(); } } 

实现了契约类中 View 的接口,重写了方法,把持了 Presenter 的引用。初始化 Presenter 的时候把 View

作为参数传递了过去。大致流程就是这样,也许真的是会了不难吧。我一开始总是不明白,现在怎么想都明白。。。希望这篇文章能帮到大家:

源码敬上:https://github.com/jiwenjie/MVP_Demo

原文链接:https://yq.aliyun.com/articles/656405
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章