Android MVP 架構

阿正。發表於2018-06-13

本Demo使用 Okhttp3、Retrofit2、Rxjava2 ,使用AutoDispose解決RxJava記憶體洩漏

Github:
https://github.com/RookieExaminer/MvpDemo

什麼是MVP,為什麼要用MVP? 網上介紹MVP的很多,百度一下你就知道,至於為什麼要用MVP,當然是由於它的優勢了: 1.程式碼簡潔
此處的簡潔是邏輯的簡潔,而不是程式碼本身 舉個栗子

image.png

比如購物車介面,有很多請求網路的地方:獲取購物車商品列表、購物車商品的刪除、購物車商品的購買等等, 這麼多網路請求,如果都寫在一個Activity,而且還有大量邏輯判斷,那這個Activity的行數~ 看著就讓人頭痛, 即便寫了註釋,維護起來也是比較麻煩的 2.降低耦合,方便維護 MVP的使用,使Activity中的網路請求剝離出來 成為model、presenter,model只負責網路的請求、pesenter負責處理請求網路後的資料處理:載入中 成功 or 失敗 取消載入;最後View進行介面的展示

image.png
image.png

Start 看圖:

image.png

嗯哼? 不是 Model、Presenter、View這三個 麼,怎麼又多出來個Contract,這又是什麼鬼? 這就涉及到MVP的缺點了,正所謂,金無足赤,人無完人,MVP既然有優點當然也有它的缺點了 MVP在實現程式碼簡潔的同時,額外增加了大量的介面、類,不方便進行管理,於是Contract就登場了。

Contract 百度翻譯 : 合同;契約;協議 Contract 如其名,是一個契約,將Model、View、Presenter 進行約束管理,方便後期類的查詢、維護。

下面演示下登陸的MVP實現方式: (示例程式碼由開發專案中剝離到Demo中,登陸介面使用的是玩安卓的登陸API:http://www.wanandroid.com/blog/show/2)

首先,建立一個登陸的Contract:

public interface MainContract {
    interface Model { }

    interface View extends BaseView { }

    interface Presenter { }
}
其次建立Presenter、Model、View 對應Contract中的介面;
public class MainPresenter implements MainContract.Model{}
public class MainModel implements MainContract.Presenter{}
public class MainActivity  implements MainContract.View {}

複製程式碼

完整的Contract:

public interface MainContract {
    interface Model {
        Flowable<BaseObjectBean<LoginBean>> login(String username, String password);
    }

    interface View extends BaseView {
        @Override
        void showLoading();

        @Override
        void hideLoading();

        @Override
        void onError(Throwable throwable);

        void onSuccess(BaseObjectBean<LoginBean> bean);
    }

    interface Presenter {
        /**
         * 登陸
         *
         * @param username
         * @param password
         */
        void login(String username, String password);
    }
}
複製程式碼

在MainContract 中 Model介面 建立對應的聯網請求的方法,將Presenter提交的欄位放到聯網請求中,傳送給伺服器 View 介面 建立在介面上顯示載入中、取消載入以及登陸成功、失敗的方法 Presenter 介面 建立 登陸的方法,以及需要提交的欄位 (username、password)

MainModel的完整程式碼:

public class MainModel  implements MainContract.Model {
    @Override
    public Flowable<BaseObjectBean<LoginBean>> login(String username, String password) {
        return RetrofitClient.getInstance().getApi().login(username,password);
    }
}
複製程式碼

Model類實現MainContract.Model 介面中的 login(String username, String password)方法,將username、password放在聯網請求中,進行請求伺服器。

MainView 的完整程式碼:

public class MainActivity extends BaseMvpActivity<MainPresenter> implements MainContract.View {

    @BindView(R.id.et_username_login)
    TextInputEditText etUsernameLogin;
    @BindView(R.id.et_password_login)
    TextInputEditText etPasswordLogin;

    @Override
    public int getLayoutId() {
        return R.layout.activity_main;
    }

    @Override
    public void initView() {
        mPresenter = new MainPresenter();
        mPresenter.attachView(this);
    }

    /**
     * @return 帳號
     */
    private String getUsername() {
        return etUsernameLogin.getText().toString().trim();
    }

    /**
     * @return 密碼
     */
    private String getPassword() {
        return etPasswordLogin.getText().toString().trim();
    }

    @Override
    public void onSuccess(BaseObjectBean bean) {

        Toast.makeText(this, bean.getErrorMsg(), Toast.LENGTH_SHORT).show();

    }

    @Override
    public void showLoading() {
        ProgressDialog.getInstance().show(this);
    }

    @Override
    public void hideLoading() {
        ProgressDialog.getInstance().dismiss();
    }

    @Override
    public void onError(Throwable throwable) {

    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        // TODO: add setContentView(...) invocation
        ButterKnife.bind(this);
    }

    @OnClick(R.id.btn_signin_login)
    public void onViewClicked() {
        if (getUsername().isEmpty() || getPassword().isEmpty()) {
            Toast.makeText(this, "帳號密碼不能為空", Toast.LENGTH_SHORT).show();
            return;
        }
        mPresenter.login(getUsername(), getPassword());
    }
}
複製程式碼

MainActivity 中實現 MainContract.View中的方法 ,在實現的方法中,進行進度條載入、和登陸成功or失敗的UI的展示:

        @Override
        void showLoading();

        @Override
        void hideLoading();

        @Override
        void onError(Throwable throwable);

        void onSuccess(BaseObjectBean<LoginBean> bean);
複製程式碼

MainPresenter 的完整程式碼:

public class MainPresenter extends BasePresenter<MainContract.View> implements MainContract.Presenter {

    private MainContract.Model model;

    public MainPresenter() {
        model = new MainModel();
    }

    @Override
    public void login(String username, String password) {
        if (!isViewAttached()) {
            return;
        }
        mView.showLoading();
        model.login(username, password)
                .compose(RxScheduler.<BaseObjectBean<LoginBean>>Flo_io_main())
                .as(mView.<BaseObjectBean<LoginBean>>bindAutoDispose())
                .subscribe(new Consumer<BaseObjectBean<LoginBean>>() {
                    @Override
                    public void accept(BaseObjectBean<LoginBean> bean) throws Exception {
                        mView.onSuccess(bean);
                        mView.hideLoading();
                    }
                }, new Consumer<Throwable>() {
                    @Override
                    public void accept(Throwable throwable) throws Exception {
                        mView.onError(throwable);
                        mView.hideLoading();
                    }
                });
    }
}
複製程式碼

MainPresenter 實現MainContract.Presenter 介面中的 login(String username, String password) 方法

例項化Model,在MainPresenter login(String username, String password)方法中,呼叫model的網路請求,將username、password放在model的login()方法中,進行請求伺服器。 請求伺服器前 使用MainContract.View中的 mView.showLoading()方法,進行顯示載入中;在成功失敗的回撥中,使用對應的方法,以及取消載入。

其中BasePresenter、BaseView 是對Presenter以及View進行的封裝

BaseView類:

public interface BaseView {

    /**
     * 顯示載入中
     */
    void showLoading();

    /**
     * 隱藏載入
     */
    void hideLoading();

    /**
     * 資料獲取失敗
     * @param throwable
     */
    void onError(Throwable throwable);

    /**
     * 繫結Android生命週期 防止RxJava記憶體洩漏
     *
     * @param <T>
     * @return
     */
    <T> AutoDisposeConverter<T> bindAutoDispose();

}
複製程式碼

至於為什麼不把onSuccess()方法也封裝,是因為請求網路,伺服器返回的值是不一樣的,在Contract > View介面中根據bean類設定onSuccess()

BasePresenter類:

public class BasePresenter<V extends BaseView> {
    protected V mView;


    /**
     * 繫結view,一般在初始化中呼叫該方法
     *
     * @param view view
     */
    public void attachView(V view) {
        this.mView = view;
    }

    /**
     * 解除繫結view,一般在onDestroy中呼叫
     */

    public void detachView() {
        this.mView = null;
    }

    /**
     * View是否繫結
     *
     * @return
     */
    public boolean isViewAttached() {
        return mView != null;
    }


}
複製程式碼

時間有限,暫時就先這樣,具體可下載Demo檢視 ↓

本Demo: https://github.com/RookieExaminer/MvpDemo

MVP快速生成類的外掛: https://github.com/githubwing/MVPHelper

參考: Android MVP架構搭建: http://www.jcodecraeer.com/a/anzhuokaifa/2017/1020/8625.html?1508484926 Android架構中新增AutoDispose解決RxJava記憶體洩漏: https://www.jianshu.com/p/8490d9383ba5

相關文章