RxJava+Retrofit+OkHttp深入淺出-mvp（使用篇）

yangxi_001發表於2017-06-12

背景

RxJava+Retrofit+OkHttp封裝系列也基本完成了，功能無太大迭代的需要，但是最近QQ群中有兄弟問如何結合mvp使用這套框架，仔細考慮下確實現在結合mvp開發專案已經是一種大趨勢，不得不感嘆現在技術更新的真是太快了，所以決定再一次操刀講解下結合mvp使用需要注意的細節。

思路

既然是結合mvp,那就必須先了解mvp是很方聖神了，之前也出過相關的博文，就不囉嗦了。在瞭解了mvp的特效後，之前的封裝大致需要做出以下修改：

剔除載入框統一處理，採用介面view層中手動顯示呼叫
簡化ProgressSubscriber功能，去掉無用的content依賴，降低耦合
將網路處理加入mvp框架的model層處理

思路完成了，重度使用患者估計已經完全明白了。開始我們的使用

`mvp`簡單使用

先簡單的來一個例子，幫對mvp不懂的同學複習下。

`view`介面

定義view層回撥介面

public interface Vlistener {

    void onTestNext(String msg);
}

`presenter`介面

定義兩個介面，一個使用者view層，一個用於model,確保Model層不直接操作View層；

`p`層提供給`v`層的介面

/**
 * p層提供給v層的介面
 * Created by WZG on 2016/12/26.
 */
public interface Plistener {

    /**
     * 其他方法-演示
     * @param msg
     */
    void doTest(String msg);

}

`mvp` 中`p`層提供給`m`層使用的介面


/**
 * mvp 中p層提供給m層使用的介面
 * Created by WZG on 2016/12/26.
 */

public interface PVlistener {

    /**
     * 測試回撥
     * @param msg
     */
    void testPSuc(String msg);
}

`m`層提供給`p`層的介面

/**
 * m層提供給p層的介面
 * Created by WZG on 2016/12/26.
 */

public interface Mlistener {
    /**
     * 測試介面
     * @param s
     */
    void testDo(String s);
}

`view`層事件呼叫

view 層擁有一個presenter層的引用，觸發事件後呼叫presenter層介面處理。

  private Plistener plistener;

@OnClick(value = R.id.tv_test)
    void onTvTestClick(View view) {
        plistener.doTest("1");
    }

`presenter`層呼叫`model`層介面初始資料

public class P implements Plistener,PVlistener{
    private Vlistener vlistener;
    private Mlistener mlistener;

    public P(Vlistener viewListener) {
        this.vlistener = viewListener;
        mlistener =new M(this);
    }

    @Override
    public void doTest(String msg) {
        mlistener.testDo(msg);
    }

    @Override
    public void testPSuc(String msg) {
        vlistener.onTestNext(msg);
    }

`model`層處理資料，回撥給`presenter`， `presenter`回撥給`view`

public class M implements Mlistener{
    private PVlistener pVlistener;

    public M(PVlistener pVlistener) {
        this.pVlistener = pVlistener;
    }

    @Override
    public void testDo(String s) {
        String msg = "M" + s;
        pVlistener.testPSuc(msg);
    }
}

presenter層傳遞給view

  @Override
    public void testPSuc(String msg) {
        vlistener.onTestNext(msg);
    }

通過以上的虛擬碼，大致瞭解了mvp呼叫的執行過程，所以結合RxRetrofit使用只需要各層新增對應的介面，在model層中觸發http請求即可；

結合`RxRetorift` 使用

`view`層新增介面

public interface Vlistener {

    void onTestNext(String msg);

    void showProg();

    void dismissProg();

    void onNext(String s,String m);

    void  onError(ApiException e);

}

`view`回撥實現

首先封裝一個簡單的BaseActivity處理公用的載入框顯示和隱藏處理

public class BaseActivity extends RxAppCompatActivity {
    //    載入框可自己定義
    protected ProgressDialog pd;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        if(pd==null){
            pd = new ProgressDialog(this);
            pd.setCancelable(false);
        }
    }

    protected void showP(){
        if(pd!=null&&!pd.isShowing()){
            pd.show();
        }
    }

    protected void dismissP(){
        if(pd!=null&&pd.isShowing()){
            pd.dismiss();
        }
    }
}

view層回撥介面顯示處理

public class MvpActivity extends BaseActivity implements Vlistener {
    @BindView(R.id.tv_test)
    TextView tvTest;
    @BindView(R.id.tv_msg)
    TextView tvMsg;
    private Plistener plistener;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_mvp);
        ButterKnife.bind(this);
        plistener = new P(this);
    }


    @OnClick(value = R.id.tv_test)
    void onTvTestClick(View view) {
        plistener.doTest("1");
    }


    @OnClick(value = R.id.tv_msg)
    void onTvMsgClick(View view) {
        SubjectPostApi postEntity = new SubjectPostApi();
        postEntity.setAll(true);
        plistener.startPost(MvpActivity.this, postEntity);
    }


    @Override
    public void showProg() {
        showP();
    }

    @Override
    public void dismissProg() {
        dismissP();
    }

    @Override
    public void onNext(String s, String m) {
        tvMsg.setText("返回資料:" + s);
    }

    @Override
    public void onError(ApiException e) {
        tvMsg.setText("錯誤資訊:" + e.getMessage() + "------" + e.getCode());
    }

    @Override
    public void onTestNext(String msg) {
        tvTest.setText("測試返回資料了：" + msg);
    }

}

`presenter`新增介面

事件觸發介面

/**
 * p層提供給v層的介面
 * Created by WZG on 2016/12/26.
 */

public interface Plistener {
    /**
     * http請求
     * @param rxAppCompatActivity
     * @param baseApi
     */
    void startPost(RxAppCompatActivity rxAppCompatActivity, BaseApi baseApi);

    /**
     * 其他方法-演示
     * @param msg
     */
    void doTest(String msg);

}

view回撥介面

/**
 * mvp 中p層提供給m層使用的介面
 * Created by WZG on 2016/12/26.
 */

public interface PVlistener {

    /**
     * 測試回撥
     * @param msg
     */
    void testPSuc(String msg);

    /**
     * 成功後回撥方法
     *
     * @param resulte
     * @param mothead
     */
    void onNext(String resulte, String mothead);

    /**
     * 失敗
     * 失敗或者錯誤方法
     * 自定義異常處理
     *
     * @param e
     */
    void onError(ApiException e);
}

`presenter`實現

當觸發以後，完全交給model層處理，當結果返回時，傳遞給view即可

/**
 * presenter兩個介面，一個請求一個回撥
 * 目的：確保Model層不直接操作View層
 * Created by WZG on 2016/12/26.
 */

public class P implements Plistener,PVlistener{

    private Vlistener vlistener;

    private Mlistener mlistener;


    public P(Vlistener viewListener) {
        this.vlistener = viewListener;
        mlistener =new M(this);
    }

    @Override
    public void startPost(RxAppCompatActivity rxAppCompatActivity, BaseApi baseApi) {
        vlistener.showProg();
        mlistener.startPost(rxAppCompatActivity,baseApi);
    }

    @Override
    public void doTest(String msg) {
        mlistener.testDo(msg);
    }


    @Override
    public void testPSuc(String msg) {
        vlistener.onTestNext(msg);
    }


    @Override
    public void onNext(String resulte, String mothead) {
        vlistener.onNext(resulte,mothead);
        vlistener.dismissProg();
    }


    @Override
    public void onError(ApiException e) {
        vlistener.onError(e);
        vlistener.dismissProg();
    }
}

`model`層介面

/**
 * m層提供給p層的介面
 * Created by WZG on 2016/12/26.
 */

public interface Mlistener {

    /**
     * 開始任務
     * @param rxAppCompatActivity
     * @param baseApi
     */
    void startPost(RxAppCompatActivity rxAppCompatActivity, BaseApi baseApi);

    /**
     * 測試介面
     * @param s
     */
    void testDo(String s);

}

`model`層實現

model層中出了實現自定義的介面外，還需要實現Retrofit回撥介面的處理，在伺服器返回資料後及時處理，回撥給presenter層的PVlistener

/**
 * m層資料處理
 * Created by WZG on 2016/12/26.
 */

public class M implements Mlistener, HttpOnNextListener {
    private PVlistener pVlistener;

    public M(PVlistener pVlistener) {
        this.pVlistener = pVlistener;
    }

    @Override
    public void startPost(RxAppCompatActivity rxAppCompatActivity, BaseApi baseApi) {
        HttpManager manager = new HttpManager(this, rxAppCompatActivity);
        manager.doHttpDeal(baseApi);
    }

    @Override
    public void testDo(String s) {
        String msg = "M" + s;
        pVlistener.testPSuc(msg);
    }


    @Override
    public void onNext(String resulte, String mothead) {
        pVlistener.onNext(resulte, mothead);
    }

    @Override
    public void onError(ApiException e) {
        pVlistener.onError(e);
    }
}

到這裡一套適用於mvp+RxRetrofit的框架就運用而生了，當然你可以繼續新增功能，這裡只是簡單的給出使用的思路。

實現效果

這裡寫圖片描述

終極封裝專欄

RxJava+Retrofit+OkHttp深入淺出-終極封裝專欄）

原始碼

傳送門-下載封裝原始碼

建議

如果你對這套封裝有任何的問題和建議歡迎加入QQ群告訴我！

深入淺出Java執行緒池：使用篇
2021-01-31
Java執行緒
Flutter深入淺出元件篇---TabBar
2021-08-25
Flutter元件tabBar
Flutter深入淺出元件篇---AppBar
2021-08-23
Flutter元件APP
Flutter深入淺出元件篇---Scaffold
2021-08-22
Flutter元件
Flutter深入淺出元件篇---MaterialApp
2021-08-21
Flutter元件APP
Flutter深入淺出元件篇---SizeBox、FittedBox
2021-09-02
Flutter元件
深入淺出PyTorch（運算元篇）
2020-06-22
PyTorch
Flutter深入淺出元件篇---Align、AnimatedAlign
2021-08-29
Flutter元件
Flutter深入淺出元件篇---Padding、AnimatedPadding
2021-08-27
Flutter元件padding
深入淺出開源效能測試工具 Locust (使用篇 2)
2019-02-14
Flutter深入淺出元件篇---ConstrainedBox、BoxConstraints、UnconstrainedBox
2021-08-31
Flutter元件AI
深入淺出FE（十四）深入淺出websocket
2020-11-29
Web
深入淺出 Golang 資源嵌入方案：前篇
2022-01-17
Golang
Flutter深入淺出元件篇---繼承關係圖
2021-08-17
Flutter元件繼承
深入淺出Java執行緒池：原始碼篇
2021-02-06
Java執行緒原始碼
深入淺出解讀 Spring 原始碼：IOC/AOP 篇
2018-04-12
Spring原始碼
淺讀-《深入淺出Nodejs》
2023-03-30
NodeJS
深入淺出 RabbitMQ
2021-09-09
MQ
ArrayList 深入淺出
2021-07-23
深入淺出——MVC
2020-05-26
MVC
深入淺出IO
2019-05-14
深入淺出Promise
2021-06-08
Promise
深入淺出 ZooKeeper
2020-12-29
深入淺出mongoose
2019-03-03
Go
HTTP深入淺出
2019-04-05
HTTP
深入淺出decorator
2018-12-28
深入淺出Webpack
2018-04-09
Web
深入淺出HTTP
2018-06-09
HTTP
mysqldump 深入淺出
2018-08-08
MySql
Java開發工程師進階篇-深入淺出Redis
2021-09-14
Java工程師Redis
深入淺出 Golang 資源嵌入方案：go-bindata篇
2022-01-22
Golang
SSL/TLS 深入淺出
2024-07-29
TLS
Tomcat深入淺出(一)
2022-07-05
Tomcat
深入淺出 Laravel Macroable
2019-11-04
LaravelMac
flutter ScopedModel深入淺出
2019-09-10
Flutter
反射的深入淺出
2019-08-07
反射
《深入淺出webpack》有感
2019-10-09
Web
深入淺出Spring MVC
2020-05-31
SpringMVC
深入淺出Spark Join
2020-11-28
Spark

RxJava+Retrofit+OkHttp深入淺出-mvp（使用篇）

背景

思路

mvp簡單使用

view介面

presenter介面

p層提供給v層的介面

mvp 中p層提供給m層使用的介面

m層提供給p層的介面

view層事件呼叫

presenter層呼叫model層介面初始資料

model層處理資料，回撥給presenter， presenter回撥給view

結合RxRetorift 使用

view層新增介面

view回撥實現

presenter新增介面

presenter實現

model層介面

model層實現