MVP架構搭建

1. 關於MVC

  • MVC 全稱是Model - View - Controller,是模型(model)-視圖(view)-控制器(controller)的縮寫。

  • Model:業務邏輯和數據處理(數據庫存儲操作,網絡數據請求,複雜算法,耗時操作),專爲存儲和管理應用數據而生。

  • View:XML佈局(凡是能夠在屏幕上看見的對象,都是視圖對象);

  • Controller:用戶交互(讀取View視圖,向Moder發送數據請求,讓數據顯示在界面上),包括響應View對象觸發的各類事件和管理着模型對象和視圖層間的數據流動。

  • 以點擊按鈕爲例:用戶輸入-用戶與視圖對象進行交互-視圖發送消息到控制器-控制器更新模型對象數據-控制器從他的視圖感興趣的模型對象中獲取數據-控制器根據模型對象的變化更新視圖。

  • 優點:Model層和View層不直接交互,把UI界面和業務邏輯、數據處理分離。

  • 缺點:Activity控制器中有很多顯示UI的代碼,因此View視圖和控制器Controller不是完全分離的,也就是說View視圖和控制器Controller綁定在一個類中,當佈局複雜的時候,Activity會非常冗餘繁雜,解耦不完美。

2. 關於MVP

  • MVP 全稱是Model - View - Presenter ,是模型(model)-視圖(view)-呈現器(presenter)的縮寫。

  • Moder:業務邏輯和數據處理(數據庫存儲操作,網絡數據請求,複雜算法,耗時操作);

  • View:負責界面數據的展示,與用戶進行交互(Activity);

  • Presenter:作爲Moder和View的橋樑。

  • 邏輯:將Activity(也就是將View和Controller合併爲View)作爲View,Model不變,並添加Presenter;View和Model不直接交互,而是使用Presenter作爲橋樑。Presenter同時擁有View和Model的Interface引用,而View層有Presenter的Interface引用。當View層需要展示數據的時候,會調用Presenter層的接口,然後Presenter會調用Model請求數據,當Model層數據加載成功後會調用Presenter的回調方法通知Presenter層數據加載完畢,最後Presenter層會調用View層的接口將加載的數據展示給用戶。

  • 優點:將View和Moder完全分離,互不依賴。

3. MVC 與 MVP的區別

  • MVC中的Moder、View和Controller兩兩之間都有聯繫。

image

  • MVP中的Moder與View不能直接聯繫,只能通過Presenter發生關係。

image

4. 登錄經典示例說明MVP架構以及架構之間接口的連接方式

4.1 業務需求:

  • 輸入帳號和密碼,點擊Login實現登錄,點擊Clear實現清空帳號和密碼。

4.2 Model:

  • 創建User模型實體類:
public class User {
    private String username;
    private String password;

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }
}
  • 創建Model業務邏輯接口類IUserBiz:
public interface IUserBiz {
    public void login(String name, String password, OnLoginListener loginListener);
}
  • 定義Model成功失敗回調類接口OnLoginListener:
public interface OnLoginListener {
    void loginSuccess(User user);

    void loginFailed();
}
  • 定義Model業務邏輯實現類UserBiz:
public class UserBiz implements IUserBiz {

    @Override
    public void login(final String name, final String password, final OnLoginListener loginListener) {
        //模擬子線程耗時操作
        new Thread() {
            @Override
            public void run() {
                try {
                    Thread.sleep(2000);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                //模擬登錄成功
                if ("fkq".equals(name) && "123".equals(password)) {
                    User user = new User();
                    user.setUsername(name);
                    user.setPassword(password);
                    loginListener.loginSuccess(user);
                } else {
                    loginListener.loginFailed();
                }
            }
        }.start();
    }
}

說明:

  1. 定義一個業務邏輯接口,一個實現類,實現類裏面請求數據。
  2. 定義一個數據請求回調接口,請求到了數據回調接口中的成功方法,沒有請求到數據回調接口中的失敗方法。

4.3 Presenter:

  • 創建Presenter接口UserLoginPresenter:
public class UserLoginPresenter {

    private IUserBiz userBiz;
    private ILoginView userLoginView;
    private Handler mHandler = new Handler();

    public UserLoginPresenter(ILoginView userLoginView) {
        this.userBiz = new UserBiz();
        this.userLoginView = userLoginView;
    }

    public void login() {
        userLoginView.showLoading();
        userBiz.login(userLoginView.getUserName(), userLoginView.getPassword(), new OnLoginListener() {
            @Override
            public void loginSuccess(final User user) {
                //需要在UI線程執行
                mHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        userLoginView.toMainActivity(user);
                        userLoginView.hideLoading();
                    }
                });

            }

            @Override
            public void loginFailed() {
                //需要在UI線程執行
                mHandler.post(new Runnable() {
                    @Override
                    public void run() {
                        userLoginView.showFailedError();
                        userLoginView.hideLoading();
                    }
                });

            }
        });
    }

    public void clear() {
        userLoginView.clearUserName();
        userLoginView.clearPassword();
    }

}

說明:創建UserLoginPresenter接口,接口中拿着Model和View的接口,並具體實現Model成功回調和失敗回調後的方法,也就是說Model請求數據成功過後應該怎麼具體做,請求數據失敗後應該怎麼做。

4.4 View

  • 創建View的接口類ILoginView:
public interface ILoginView {
    String getUserName();

    String getPassword();

    void clearUserName();

    void clearPassword();

    void showLoading();

    void hideLoading();

    void toMainActivity(User user);

    void showFailedError();
}

說明:對於View接口主要考慮功能上的操作:
1. 該操作需要什麼?(getUserName, getPassword)
2. 該操作的結果,對應的反饋?(toMainActivity, showFailedError)
3. 該操作過程中對應的友好的交互?(showLoading, hideLoading)
  • 創建activity_user_login.xml佈局文件:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/ll_username"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="UserName:" />

        <EditText
            android:id="@+id/et_username"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="請輸入用戶名" />
    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_username"
        android:gravity="center">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Password:" />

        <EditText
            android:id="@+id/et_password"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="請輸入密碼" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/ll_password"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50sp">

        <Button
            android:id="@+id/bt_login"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Login" />

        <Button
            android:id="@+id/bt_clear"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Clear" />
    </LinearLayout>

    <ProgressBar
        android:id="@+id/pb_progressbar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:visibility="gone" />

</RelativeLayout>
  • 創建View接口實現類UserLoginActivity:
public class UserLoginActivity extends AppCompatActivity implements ILoginView {

    @BindView(R.id.et_username)
    EditText etUsername;
    @BindView(R.id.et_password)
    EditText etPassword;
    @BindView(R.id.pb_progressbar)
    ProgressBar pbProgressbar;
    @BindView(R.id.bt_login)
    Button btLogin;
    @BindView(R.id.bt_clear)
    Button btClear;

    private UserLoginPresenter userLoginPresenter = new UserLoginPresenter(this);


    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_user_login);
        ButterKnife.bind(this);
    }

    @Override
    public String getUserName() {
        return etUsername.getText().toString().trim();
    }

    @Override
    public String getPassword() {
        return etPassword.getText().toString().trim();
    }

    @Override
    public void clearUserName() {
        etUsername.setText("");
    }

    @Override
    public void clearPassword() {
        etPassword.setText("");
    }

    @Override
    public void showLoading() {
        pbProgressbar.setVisibility(View.VISIBLE);
    }

    @Override
    public void hideLoading() {
        pbProgressbar.setVisibility(View.GONE);
    }

    @Override
    public void toMainActivity(User user) {
        startActivity(new Intent(this, MainActivity.class));
        Toast.makeText(this,"登陸成功",Toast.LENGTH_SHORT).show();
    }

    @Override
    public void showFailedError() {
        Toast.makeText(this,"登陸失敗",Toast.LENGTH_SHORT).show();
    }

    @OnClick(R.id.bt_login)
    public void onBtLoginClicked() {
        userLoginPresenter.login();
    }

    @OnClick(R.id.bt_clear)
    public void onBtClearClicked() {
        userLoginPresenter.clear();
    }
}

說明:負責界面的展示以及處理與用戶的交互。

5. 爲什麼說MVP是優秀的架構模式?

  • 低耦合:MVP拆分了MVC臃腫的Activity,獨立了Model、View、Presenter,並通過接口的方式進行鏈接,板塊化實現了低耦合。

  • 高複用:Presenter、Model與Activity(View)的關係實現了一對多。

  • 易測試:獨立了Model、View、Presenter以後,更加方便進行單元測試。

  • 好維護:低耦合就成就了好維護。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章