在Android開(kāi)發(fā)中，常采用 MVC（Model-View-Controller）或者M(jìn)VP（Model-View-Presenter） 等框架模式。設(shè)計(jì)如圖
可以看出，在 MVC 框架中，請(qǐng)求流程如下：
- View接受用戶的請(qǐng)求
- View傳遞請(qǐng)求給Controller
- Controller操作Model進(jìn)行數(shù)據(jù)更新
- Model通知View變化
- View根據(jù)更新的數(shù)據(jù)做出顯示
而MVP框架中，請(qǐng)求流程如下：
- View 接受用戶請(qǐng)求
- View 傳遞請(qǐng)求給Presenter
- Presenter做邏輯處理，修改Model
- Model 通知Presenter數(shù)據(jù)變化
- Presenter 更新View
相比于MVC，MVP則使用Presenter解除了View與Model的耦合，Presenter將Model的變化返回給View。
舉個(gè)栗子
小明需要開(kāi)發(fā)一個(gè)功能，當(dāng)點(diǎn)擊“find student id”按鈕時(shí)，可以查詢到他自己的學(xué)號(hào)。
對(duì)于MVC 實(shí)現(xiàn)，應(yīng)該是這樣的：
1.先實(shí)現(xiàn)一個(gè) model，需要有通知View更新的能力,當(dāng)model加載成功，如從db、獲取后，需要告知View：
public class StudentModel {
String mId;
WelcomeActivity mActivity;
public StudentModel (WelcomeActivity activity) {
this.mActivity = activity;
}
public void loadModel (){
//search from db or intent
mId = "1201030018";
mActivity.updateUI(this);
}
}
2.Controller ： 我們?yōu)榱烁玫睦斫釳VC，將Activity進(jìn)行了拆解。提取了一個(gè)簡(jiǎn)單的Controller
public class WelcomeController {
WelcomeActivity mActivity;
StudentModel mStudent;
WelcomeController (WelcomeActivity activity) {
this.mActivity = activity;
}
public void loadData (){
mStudent = new StudentModel(mActivity);
mStudent.loadModel();
}
}
- View ： View需要發(fā)出點(diǎn)擊事件，并且傳遞給Controller,同時(shí)需要根據(jù)Model更新UI：
public class WelcomeActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
//省略
final WelcomeController controller = new WelcomeController(this);
mFindBtn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
controller.loadData();
}
});
}
public void updateUI (StudentModel model) {
mID.setText(model.mId);
}
}
調(diào)用鏈?zhǔn)?
View:OnClick ->
Controller:loadData->
Model:loadModel->
View:updateUI
這里為了更明顯的表明意圖，將Activity單純的看做一個(gè)View。
MVP 改寫(xiě)
同樣的例子，我們使用MVP進(jìn)行改寫(xiě)
- 我們需要先對(duì)Model進(jìn)行封裝，當(dāng)loadModel后，不直接通知View更新，而是通知監(jiān)聽(tīng)方（Presenter）：
public class StudentModel {
String mId;
OnGetListener mListener;
public StudentModel (OnGetListener listener) {
this.mListener = listener;
}
public void loadModel (){
//search from db or intent
mId = "1201030018";
if (mListener != null) {
mListener.onSuccess(this);
}
}
interface OnGetListener {
void onSuccess (StudentModel student);
}
}
2.再定義Presenter ，接收到來(lái)自View的操作命令后，進(jìn)行邏輯處理，處理Model，修改完成后 通知View進(jìn)行修改。
public class WelcomePresenter {
WelcomeActivity mActivity;
StudentModel mStudent;
WelcomePresenter (WelcomeActivity activity) {
this.mActivity = activity;
}
public void loadData (){
mStudent = new StudentModel(new StudentModel.OnGetListener() {
@Override
public void onSuccess(StudentModel student) {
mActivity.updateUI(student);
}
});
}
}
3.對(duì)于View，操作方式只是修改了持有的對(duì)象 WelcomeController->WelcomePresenter，其他保持不變。
這時(shí)調(diào)用流程變成了：
View:OnClick ->
Presenter:loadData->
Model:loadModel->
Presenter:onSuccess>
View:updateUI
我們將View的數(shù)據(jù)更新 從Model->View,轉(zhuǎn)變成了Presenter->View,解除了View和Model的耦合。
mvvm
早些年微軟WPF提出的數(shù)據(jù)綁定系統(tǒng)與Presentation Model相結(jié)合的做法，能使開(kāi)發(fā)人員將View和邏輯分離，稱之Model-View-ViewModel(MVVM)。
在Android 借助Google提出的 DataBinding 框架完成 雙向綁定操作。
DataBinding用法可以參考: https://developer.android.com/topic/libraries/data-binding/index.html
調(diào)用鏈路如下：
可以看到，在MVVM框架中，除了將 Presenter 換成了 ViewModel 外，請(qǐng)求流程都和MVP類似，只是在最后一步中，由于View與ViewModel使用了雙向綁定，兩者的交互通過(guò)Data Binding 完成。如此使得View和控制模塊的耦合更加降低，減輕了視圖的壓力。
還是那個(gè)栗子??
我們引入Data Binding解決這個(gè)問(wèn)題。
- 把Controller\Presenter扔掉，先寫(xiě)一個(gè)ViewModel
這個(gè)VM的概念是一個(gè)和視圖相關(guān)的模型，因此可以和DAO相關(guān)的模型不一樣，因?yàn)槲覀冎恍枰故?code>student id的數(shù)據(jù)以及click事件，以及loadData行為，用來(lái)從Model中獲取數(shù)據(jù)，于是我們實(shí)現(xiàn)了一個(gè)VM :
這里我們需要遵循Data Binding的語(yǔ)法，如繼承自BaseObservable，數(shù)據(jù)更新后調(diào)用
notifyChange方法等。
public class StudentViewModel extends BaseObservable{
String studentID;
View.OnClickListener btnListener;
//省略get set
public StudentViewModel() {
btnListener = new View.OnClickListener() {
@Override
public void onClick(View view) {
loadData();
}
};
}
public void loadData() {
StudentModel model = new StudentModel(new StudentModel.OnGetListener() {
@Override
public void onSuccess(StudentModel student) {
setStudentID(student.mId);
}
});
model.loadModel();
}
}
- 接著使用databinding語(yǔ)法 對(duì) xml 進(jìn)行數(shù)據(jù)綁定,我們將 Click事件、輸出結(jié)果都綁定到VM上。
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<data>
<variable name="userVM" type="com.moon.coderread.StudentViewModel"/>
</data>
<LinearLayout
//省略
<TextView
android:id="@+id/id"
android:layout_width="match_parent"
android:layout_height="20dp"
android:text="@{userVM.studentID}"/>
<Button
android:id="@+id/findBtn"
android:onClick="@{userVM.btnListener}"
android:text="find Student ID"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</LinearLayout>
</layout>
- 最后在
View(Activity)中引入VM ：
public class WelcomeActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
ActivityWelcomeBinding binding = DataBindingUtil.setContentView(this,R.layout.activity_welcome);
final StudentViewModel studentViewModel = new StudentViewModel();
binding.setUserVM(studentViewModel);
}
}
這樣就完成了最基本的MVVM 栗子。
現(xiàn)在我們的Activity看起來(lái)很清爽，不用再處理Click事件、以及updateUI了。
總結(jié)
各種MV+X模式的發(fā)展，實(shí)質(zhì)上就是將Model與View之間以一種低耦合、低成本的方式進(jìn)行控制。從Presenter到ViewModel的轉(zhuǎn)變，借助了Data Binding的方式實(shí)現(xiàn)了雙向的數(shù)據(jù)綁定，減少了視圖模塊和控制模塊的耦合。隨著Google Data Binding技術(shù)的不斷更新完善，相信MVVM模式將在Android平臺(tái)下應(yīng)用得更加廣泛。
栗子僅僅是??
上面僅僅是以最簡(jiǎn)單的方式來(lái)描述了一下 MV+X模式的實(shí)現(xiàn)流程，在實(shí)踐項(xiàng)目里場(chǎng)景會(huì)復(fù)雜數(shù)倍。
