1. 程式人生 > >淺談安卓MVP模式

淺談安卓MVP模式

一、MVP模式介紹

隨著UI建立技術的功能日益增強,UI層也履行著越來越多的職責。為了更好地細分檢視(View)與模型(Model)的功能,讓View專注於處理資料的視覺化以及與使用者的互動,同時讓Model只關係資料的處理,基於MVC概念的MVP(Model-View-Presenter)模式應運而生。

在MVP模式裡通常包含4個要素:

(1) View :負責繪製UI元素、與使用者進行互動(在Android中體現為Activity);

(2) View interface :需要View實現的介面,View通過View interface與Presenter進行互動,降低耦合,方便進行單元測試;

(3) Model :負責儲存、檢索、操縱資料(有時也實現一個Model interface用來降低耦合);

(4) Presenter :作為View與Model互動的中間紐帶,處理與使用者互動的負責邏輯。

這裡寫圖片描述

二、為什麼使用MVP模式

在Android開發中,Activity並不是一個標準的MVC模式中的Controller, 它的首要職責是載入應用的佈局和初始化使用者介面,並接受並處理來自使用者的操作請求,進而作出響應。隨著介面及其邏輯的複雜度不斷提升,Activity類的職責不斷增加,以致變得龐大臃腫。當我們將其中複雜的邏輯處理移至另外的一個類(Presenter)中時,Activity其實就是MVP模式中View,它負責UI元素的初始化,建立UI元素與Presenter的關聯(Listener之類),同時自己也會處理一些簡單的邏輯(複雜的邏輯交由Presenter處理).

另外,回想一下你在開發Android應用時是如何對程式碼邏輯進行單元測試的?是否每次都要將應用部署到Android模擬器或真機上,然後通過模擬使用者操作進行測試?然而由於Android平臺的特性,每次部署都耗費了大量的時間,這直接導致開發效率的降低。而在MVP模式中,處理複雜邏輯的Presenter是通過interface與View(Activity)進行互動的,這說明了什麼?說明我們可以通過自定義類實現這個interface來模擬Activity的行為對Presenter進行單元測試,省去了大量的部署及測試的時間。

三、MVP與MVC的異同

MVC模式與MVP模式都作為用來分離UI層與業務層的一種開發模式被應用了很多年。在我們選擇一種開發模式時,首先需要了解一下這種模式的利弊:

無論MVC或是MVP模式都不可避免地存在一個弊端:額外的程式碼複雜度及學習成本。

但比起他們的優點,這點弊端基本可以忽略了:

(1)降低耦合度
(2)模組職責劃分明顯
(3)利於測試驅動開發
(4)程式碼複用
(5)隱藏資料
(6)程式碼靈活性

對於MVP與MVC這兩種模式,它們之間也有很大的差異。有一些程式設計師選擇不使用任何一種模式,有一部分原因也許就是不能區分這兩種模式差異。以下是這兩種模式之間最關鍵的差異:

MVP模式:

1.View不直接與Model互動 ,而是通過與Presenter互動來與Model間接互動
2.Presenter與View的互動是通過介面來進行的,更有利於新增單元測試
3.通常View與Presenter是一對一的,但複雜的View可能繫結多個Presenter來處理邏輯     

MVC模式:

1.View可以與Model直接互動
2.Controller是基於行為的,並且可以被多個View共享
3.可以負責決定顯示哪個View

四、利用MVP進行Android開發的例子

用mvp模式實現:通過輸入使用者名稱跟密碼,點選登入,登入成功後,清除輸入資訊,並提示成功。
1. 執行效果先看下:
這裡寫圖片描述 這裡寫圖片描述

2.目錄結構:
這裡寫圖片描述
可以發現,View不直接與Model互動 ,而是通過與Presenter互動來與Model間接互動並且Presenter與Model、View都是通過介面來進行互動的,既降低耦合也方便進行單元測試。

3.具體實現:
1)首先實體類LoginResponse 不用考慮這個肯定有,其次從效果圖可以看到至少有一個業務方法login(),這兩點沒什麼難度,我們首先完成:

/**
 * <功能詳細描述>
 *
 * @author caoyinfei
 * @version [版本號, 2016/5/4]
 * @see [相關類/方法]
 * @since [產品/模組版本]
 */
public class LoginResponse {
    private String resutlCode;

    private String resultInfo;

    public String getResutlCode() {
        return resutlCode;
    }

    public String getResultInfo() {
        return resultInfo;
    }

    public void setResutlCode(String resutlCode) {
        this.resutlCode = resutlCode;
    }

    public void setResultInfo(String resultInfo) {
        this.resultInfo = resultInfo;
    }
}

2)模型類(Model層)
模型實現類通常是對本地資料庫的操作或者是通過網路請求獲取網路資料的操作 。

/**
 * @Title:
 * @Description: 模型抽象類
 * @Author:cyf
 * @Since:2016/11/23
 * @Version:
 */

public interface LoginTaskDataSource {
    /**
     * 儲存登入資訊到本地
     * @param loginResponse
     */
    void saveLoginResponse(LoginResponse loginResponse);

    /**
     * 登入請求
     * @param loginReq
     * @param callback
     */
    void login(LoginReq loginReq, NetTasksCallback callback);

    /**
     * 網路請求回撥
     */
    interface NetTasksCallback {

        void onSuccess(LoginResponse loginResponse);

        void onFailure(String errorMsg);
    }

}
/**
 * model層,處理資料(包括網路,資料庫等等)
 * 主要就是把presenter層拆分,以後網路框架,資料庫換框架,不用動業務程式碼,只需要改Repository層程式碼
 */
public class LoginTasksRepository implements LoginTaskDataSource {


    @Override
    public void saveLoginResponse(LoginResponse loginResponse) {

    }

    @Override
    public void login(LoginReq loginReq, NetTasksCallback callback) {
        //開啟網路請求
        /**
         * 網路請求,這邊暫時省略
         */

        //成功後,回撥到presenter層中
        LoginResponse response = new LoginResponse();
        response.setResultInfo(loginReq.getName() + "====" + loginReq.getPassword() + "====登入成功");
        response.setResutlCode("0");
        callback.onSuccess(response);
    }

}

3)再來看看View介面:
上面我們說過,Presenter與View互動是通過介面。所以我們這裡需要定義一個IUserLoginView ,難點就在於應該有哪些方法,我們這個是登入頁面,其實有哪些功能,就應該有哪些方法,比如登入成功,失敗,彈出載入框這些都要通知ui(Activity)去更新。所以定義瞭如下方法:

/**
 * <功能詳細描述>
 *
 * @author caoyinfei
 * @version [版本號, 2016/5/4]
 * @see [相關類/方法]
 * @since [產品/模組版本]
 */
public interface IMvpView {
    void onError(String errorMsg, String code);

    void onSuccess();

    void showLoading();

    void hideLoading();
}
public interface IUserLoginView extends IMvpView {
    void clearEditContent();
}

4)Presenter
Presenter是用作Model和View之間互動的橋樑。

/**
 * <基礎業務類>
 *
 * @author caoyinfei
 * @version [版本號, 2016/6/6]
 * @see [相關類/方法]
 * @since [V1]
 */
public interface Presenter<V> {
    void attachView(V view);

    void detachView(V view);

    String getName();
}
/**
 * <基礎業務類>
 *
 * @author caoyinfei
 * @version [版本號, 2016/6/6]
 * @see [相關類/方法]
 * @since [V1]
 */
public abstract class BasePresenter<V extends IMvpView> implements Presenter<V> {
    protected V mvpView;

    public void attachView(V view) {
        mvpView = view;
    }

    @Override
    public void detachView(V view) {
        mvpView = null;
    }

    @Override
    public String getName() {
        return mvpView.getClass().getSimpleName();
    }
}
/**
 * <繫結View層和Model層>
 *
 * @author caoyinfei
 * @version [版本號, 2016/5/4]
 * @see [相關類/方法]
 * @since [產品/模組版本]
 */
public class LoginPresenter extends BasePresenter<IUserLoginView> {

    private LoginTasksRepository loginTaskDataSource;

    public LoginPresenter() {
        loginTaskDataSource = new LoginTasksRepository();
    }

    public void login(LoginReq loginReq) {
        loginTaskDataSource.login(loginReq, new LoginTaskDataSource.NetTasksCallback() {

            @Override
            public void onSuccess(LoginResponse loginResponse) {
                mvpView.hideLoading();
                mvpView.onSuccess(loginResponse);
            }

            @Override
            public void onFailure(String errorMsg) {

            }
        });
    }
}

5)activity實現程式碼

/**
 * <登入介面>
 *
 * @author caoyinfei
 * @version [版本號, 2016/5/4]
 * @see [相關類/方法]
 * @since [產品/模組版本]
 */
public class MainActivity extends Activity implements View.OnClickListener, IUserLoginView {
    /**
     * 使用者名稱
     */
    private EditText userName;
    /**
     * 密碼
     */
    private EditText passWord;
    /**
     * 登入按鈕
     */
    private Button button;

    private LoginPresenter mUserLoginPresenter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
        loadData();
    }

    /**
     * 初始化佈局元件
     */
    private void initView() {
        userName = (EditText) findViewById(R.id.user_name);
        passWord = (EditText) findViewById(R.id.password);
        button = (Button) findViewById(R.id.login);

        /**
         * 新增按鈕點選事件
         */
        button.setOnClickListener(this);
    }

    /**
     * 初始化資料
     */
    private void loadData() {
        mUserLoginPresenter = new LoginPresenter();
        mUserLoginPresenter.attachView(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.login:
                LoginReq loginReq = new LoginReq();
                loginReq.setName(userName.getText().toString());
                loginReq.setPassword(passWord.getText().toString());
                mUserLoginPresenter.login(loginReq);
                break;
            default:
                break;
        }
    }

    @Override
    public void onError(String errorMsg, String code) {

    }

    @Override
    public void onSuccess(Object response) {
        if (response instanceof LoginResponse) {
            LoginResponse loginResponse = (LoginResponse) response;
            Toast.makeText(this, loginResponse.getResultInfo(), 1).show();
        }
    }

    @Override
    public void showLoading() {

    }

    @Override
    public void hideLoading() {

    }

    @Override
    public void clearEditContent() {
        userName.setText("");
        passWord.setText("");
    }

    @Override
    protected void onDestroy() {
    mUserLoginPresenter.detachView(this);//Presenter物件持有Activity物件,這條GC鏈不剪斷,Activity就無法被完整回收,造成記憶體洩漏
        super.onDestroy();
    }
}