Android MVP 最佳實踐

MVC模式安卓開發 · 發表 2018-11-09 13:48:30

摘要： MVP其實我接觸已經三年了，本文的實踐也是在17年實踐的，今天放出來也是為了分享給需要這快東西的同學，面試足夠了，好東西不能雪藏。 1 起源 MVC：全稱：Model - View - Controller，它是於1970年的時候有TrygveReenskaug在Smalltalk-8...

MVP其實我接觸已經三年了，本文的實踐也是在17年實踐的，今天放出來也是為了分享給需要這快東西的同學，面試足夠了，好東西不能雪藏。

1 起源

MVC：全稱：Model - View - Controller，它是於1970年的時候有TrygveReenskaug在Smalltalk-80系統上首次提出。起初並不是MVC，而是MVCE，也就是Model - View - Controller後面多了一個Editor。但是當時提出MVC的理念和現在的理念大致是一樣的。都是為了講資料模型和檢視層分離開來。

其實MVC是一種框架模式，而非設計模式，GOF把MVC看做是3中設計模式：《觀察者模式》、《策略模式》，《組合模式》三者的合體。其核心是《觀察者模式》。

前期的mvc主要用在桌面程式，脫離web的程式設計年代！

2 理解

MVC 主要分三層，模型——檢視——控制器。為了使得程式的各個部分分離降低耦合性，我們對程式碼的結構進行了劃分。他們的通訊方式也如上圖所示，即View層觸發操作通知到業務層完成邏輯處理，業務層完成業務邏輯之後通知Model層更新資料，資料更新完之後通知View層展現。

Controller充當觀察者角色，Model和View是被觀察者角色，兩者任意一方發生變化則通知Controller去控制對方。

3 優點

3.1 三層解耦，將資料和view隔離，通過Controller 去做資料和檢視的互動橋樑！

3.2 滿足client程式設計需求，易維護和擴充套件！

##4 缺點

4.1 Controller 職責過於繁重 4.2 不滿足網路程式設計下的非同步請求造成的 Model和view的斷層，所謂的頁面抖動！ 4.3 資料和檢視任意一方發生變化，則在不想更改對方的情況下，需要Controller 做處理，職責收斂太嚴重！

5 展望

有沒有一種架構模式，減輕控制器的職責。能在Model和view之間自我通訊，無需中間人橋接，並滿足在web程式設計時期的非同步帶去的各種不同步問題？，那麼mvp和MVVM就先後出現了，下節繼續學習MVP。

其實無需太多程式碼，只要一幅圖就能看懂！

MVP

作為一種新的模式，MVP與MVC有著一個重大的區別：在MVP中View並不直接使用Model，它們之間的通訊是通過Presenter (MVC中的Controller)來進行的，所有的互動都發生在Presenter內部，而在MVC中View會直接從Model中讀取資料而不是通過 Controller。在MVC裡，View是可以直接訪問Model的！從而，View裡會包含Model資訊，不可避免的還要包括一些業務邏輯。在MVC模型裡，更關注的Model的不變，而同時有多個對Model的不同顯示，即View。所以，在MVC模型裡，Model不依賴於View，但是View是依賴於Model的。不僅如此，因為有一些業務邏輯在View裡實現了，導致要更改View也是比較困難的，至少那些業務邏輯是無法重用的。

MVP模式的核心：

MVP把Activity中的UI邏輯抽象成View介面，把業務邏輯抽象成Presenter介面，Model類還是原來的Model。

這就是MVP模式，現在這樣的話，Activity的工作的簡單了，只用來響應生命週期，其他工作都丟到Presenter中去完成。從上圖可以看出，Presenter是Model和View之間的橋樑，為了讓結構變得更加簡單，View並不能直接對Model進行操作，這也是MVP與MVC最大的不同之處

MVP實踐

基礎模型，所謂單向資料流和腳手架模式已經成了前端設計工程的主流。接下來來個模版。

1 Model

模型，不僅代表者檢視模型，還有資料模型。主要做模版功能，下面展示通用的檢視和資料模型

view 模型

/**
 * Created by Tamic on 2018-01-08.
 */

public abstract class ModelActivity<V extends IBaseView, P extends IPresenter> extends AppCompatActivity implements IBaseView {

protected P presenter;
protected V view;

@SuppressWarnings("unchecked")
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
presenter = createPresenter();
presenter.attachView(this);
}

@Override
protected void onDestroy() {
super.onDestroy();
presenter.detachView(false);
}

protected abstract P createPresenter();
}
複製程式碼

DATA 模型

/**
 * Created by LIUYONGKUI726 on 2017-12-28.
 */

public abstract class BaseModel<T, E> {

abstract publicT getApi();

abstract public E getBean(String... var);
}

複製程式碼

P層

Presenter主要處理業務邏輯，把事件的流程抽象出一個個介面。下面是一個base類，防止記憶體洩漏，和activity關聯了，生命週期同步起來。

介面類：

public interface IPresenter<V extends IBaseView> {

void start();

void attachView(V view);

void detachView(boolean retainInstance);
}
複製程式碼

抽象的實現類

/**
 * Created by Tamic on 2018-01-08.
 */

public abstract class BasePresenter<V extends IBaseView> implements IPresenter<V> {

private WeakReference<V> viewRef;

/**
* 介面建立，Presenter與介面取得聯絡
*/
@Override
public void attachView(V view) {
viewRef = new WeakReference<V>(view);
}

/**
* 獲取介面的引用
*/
protected V getView() {
return viewRef == null ? null : viewRef.get();
}

/**
* 判斷介面是否銷燬
*/
protected boolean isViewAttached() {
return viewRef != null && viewRef.get() != null;
}

/**
* 介面銷燬，Presenter與介面斷開聯絡
*/
@Override
public void detachView(boolean retainInstance) {
if (viewRef != null) {
viewRef.clear();
viewRef = null;
}
}

}
複製程式碼

3 View

View主要包含了view操作的共同方法抽離。下班展示了一個基礎的 BaseView ，用於講Presenter和view 繫結。

public interface IBaseView<T extends IPresenter> {

void setPresenter(T presenter);
}
複製程式碼

實現腳手架

本次我做一個登陸模組，來演示我們怎麼最優雅的使用MVP。

登陸肯定需要網路呼叫，我選用了Retrofit作為請求端。下面是登入API。

1 API

/**
 * Created by Tamic on 2017-12-28.
 */

public class LoginApi<T> extends Api {

/**
* A dummy authentication store containing known user names and passwords.
* TODO: remove after connecting to a real authentication system.
*/
private static final String[] DUMMY_CREDENTIALS = new String[] {
"[email protected]:hello", "[email protected]:world"
};

/**
* Keep track of the login task to ensure we can cancel it if requested.
*/
private UserLoginTask mAuthTask = null;

@Override
public Call<UserBean> getData(String... var1) {
//模擬請求

mAuthTask = new UserLoginTask(var1[0], var1[1]);
return (T) mAuthTask.execute();*/
Map<String, String> hashMap = new HashMap<>();
hashMap.put("ip", "21.22.11.33");
return create(LoginApiService.class).login(hashMap);

}


public interface LoginApiService {

/**
* http://ip.taobao.com/service/getIpInfo.php?ip=21.22.11.33
*/
@GET("service/getIpInfo.php")
@Headers({"Accept: application/json"})
Call<UserBean> login(
@QueryMap Map<String, String> maps);
}


}

複製程式碼

2 LoginModel

/**
 * Created by Tamic on 2017-12-28.
 */

public class LoginModel extends BaseModel<LoginApi, UserBean> {


public LoginModel() {
}

@Override
public LoginApi getApi() {
return new LoginApi<>();
}

@Override
public UserBean getBean(String... var) {
//return (LoginBean) getApi().getData(var);
return null;
}

public Call<UserBean> getFlowable(String... var) {
return getApi().getData(var);
}
}
複製程式碼

2 LoginPresenter

負責登入的請求和菊花的控制，並對映成模型。

/**
 * Created by Tamic on 2018-01-03.
 */

public class LoginPresenter extends BasePresenter<LoginContract.View> {

private LoginModel model;

public LoginPresenter() {
model = new LoginModel();
}

public UserBean login(String... var) throws IOException {
getView().showLoading();
if (!isViewAttached()) {
return null;
}
return model.getFlowable(var).execute().body();
}

public void login(final CallBack callBack, String... var) {
if (!isViewAttached()) {
return;
}
getView().showLoading();
model.getFlowable(var).enqueue(new Callback<UserBean>() {

@Override
public void onResponse(Call<UserBean> call, Response<UserBean> response) {
getView().dismissLoading();
callBack.onSuccess(response.code(), response.message(), response.body());
callBack.onFinal();
}

@Override
public void onFailure(Call<UserBean> call, Throwable t) {
getView().dismissLoading();
callBack.onFailure(-100, t.getMessage());
callBack.onFinal();
}
});


}


@Override
public void start() {

}
}
複製程式碼

3 Contract

契約是雙方的約定協議的意思，MVP的契約是指對View和Presenter的約定，下面是一個對登入業務的約定。

/**
 * This specifies the contract between the view and the presenter.
 * Created by Tamic on 2018-01-04.
 */
public interface LoginContract {

interface View extends IBaseView {

void showLoading();

void dismissLoading();

}

interface LoginPresenter extends IPresenter {

}
}
複製程式碼

4 Activtiy

到了大家最熟悉的Activtiy了，我們用｀LoginActivity｀實現View模版，並實現View介面，並滿足契約，接下來程式碼就是這麼優雅。

/**
 * A login screen that offers login via email/password.
 */
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
public class LoginActivity extends ModelActivity<LoginContract.View, LoginPresenter> implements LoginContract.View {

/**
* Id to identity READ_CONTACTS permission request.
*/
private static final int REQUEST_READ_CONTACTS = 0;

// UI references.
private AutoCompleteTextView mEmailView;
private EditText mPasswordView;
private View mProgressView;
private View mLoginFormView;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_login);
// Set up the login form.
mEmailView = (AutoCompleteTextView) findViewById(R.id.email);


mPasswordView = (EditText) findViewById(R.id.password);
mPasswordView.setOnEditorActionListener(new TextView.OnEditorActionListener() {

@Override
public boolean onEditorAction(TextView textView, int id, KeyEvent keyEvent) {
if (id == R.id.login || id == EditorInfo.IME_NULL) {
attemptLogin();
return true;
}
return false;
}
});

Button mEmailSignInButton = (Button) findViewById(R.id.email_sign_in_button);
mEmailSignInButton.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View view) {
attemptLogin();
}
});

mLoginFormView = findViewById(R.id.login_form);
mProgressView = findViewById(R.id.login_progress);
}

@Override
protected LoginPresenter createPresenter() {
return new LoginPresenter();
}

/**
* Attempts to sign in or register the account specified by the login form.
* If there are form errors (invalid email, missing fields, etc.), the
* errors are presented and no actual login attempt is made.
*/
private void attemptLogin() {

// Reset errors.
mEmailView.setError(null);
mPasswordView.setError(null);

// Store values at the time of the login attempt.
final String email = mEmailView.getText().toString();
final String password = mPasswordView.getText().toString();

boolean cancel = false;
View focusView = null;

// Check for a valid password, if the user entered one.
if (!TextUtils.isEmpty(password) && !isPasswordValid(password)) {
mPasswordView.setError(getString(R.string.error_invalid_password));
focusView = mPasswordView;
cancel = true;
}

if (TextUtils.isEmpty(email)) {
mEmailView.setError(getString(R.string.error_field_required));
focusView = mEmailView;
cancel = true;
} else if (!isEmailValid(email)) {
mEmailView.setError(getString(R.string.error_invalid_email));
focusView = mEmailView;
cancel = true;
}

if (cancel) {
focusView.requestFocus();
} else {
presenter.login(new CallBack<UserBean>() {

@Override
public void onSuccess(int code, String msg, UserBean data) {
showToast(data.getData().getCountry());
}

@Override
public void onFailure(int code, String msg) {
showToast(msg);
}
}, email, password);


presenter.start();
/* ByRxjava
presenter.login(email, password)
.subscribeOn(Schedulers.newThread())
.subscribeOn(AndroidSchedulers.mainThread())
.subscribe(new Consumer<UserBean>() {
@Override
public void accept(UserBean userBean) throws Exception {
if(userBean != null) {
showToast(userBean.getData().getCity());
showUIProgress(false);
}
}
});*/
}
}

private boolean isEmailValid(String email) {
//TODO: Replace this with your own logic
return email.contains("@");
}

private boolean isPasswordValid(String password) {
//TODO: Replace this with your own logic
return password.length() > 4;
}

private void showToast(final String data) {

runOnUiThread(new Runnable() {

@Override
public void run() {
Toast.makeText(LoginActivity.this, data, Toast.LENGTH_SHORT).show();
}
});

}

private void showUIProgress(final boolean show) {

runOnUiThread(new Runnable() {

@Override
public void run() {
showProgress(show);
}
});
}

private void resfreshUI(final String content) {
runOnUiThread(new Runnable() {

@Override
public void run() {
mPasswordView.setError(content);
mPasswordView.requestFocus();
}
});
}

/**
* Shows the progress UI and hides the login form.
*/
@TargetApi(Build.VERSION_CODES.HONEYCOMB_MR2)
private void showProgress(final boolean show) {
// On Honeycomb MR2 we have the ViewPropertyAnimator APIs, which allow
// for very easy animations. If available, use these APIs to fade-in
// the progress spinner.
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR2) {
int shortAnimTime = getResources().getInteger(android.R.integer.config_shortAnimTime);

mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
mLoginFormView.animate().setDuration(shortAnimTime).alpha(
show ? 0 : 1).setListener(new AnimatorListenerAdapter() {

@Override
public void onAnimationEnd(Animator animation) {
mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
}
});

mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
mProgressView.animate().setDuration(shortAnimTime).alpha(
show ? 1 : 0).setListener(new AnimatorListenerAdapter() {

@Override
public void onAnimationEnd(Animator animation) {
mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
}
});
} else {
// The ViewPropertyAnimator APIs are not available, so simply show
// and hide the relevant UI components.
mProgressView.setVisibility(show ? View.VISIBLE : View.GONE);
mLoginFormView.setVisibility(show ? View.GONE : View.VISIBLE);
}
}


@Override
public void showLoading() {
showUIProgress(true);
}

@Override
public void dismissLoading() {
showUIProgress(false);
}

@Override
public void setPresenter(IPresenter presenter) {
this.presenter = (LoginPresenter) presenter;
}

}
複製程式碼