大家好啊，我是kele。眾所周知，Android的設計模式主要有三個：MVC,MVP,MVVM。今天主要來談一下MVVM模式，簡單說明它的好處以及它和MVP在實現方面的區別。

DataBinding

android {
    ....
    dataBinding {
        enabled = true
    }
}

提到MVVM就不得不提到Google推出的這款資料繫結（DataBinding）框架，讓它加入你的專案中。然後，改變你的佈局檔案：

<?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="user"
            type="com.example.zc.taf.model.User"
            />

    </data>
    <LinearLayout
        android:id="@+id/activity_main"
 

        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}" />
        <TextView
 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"

    </LinearLayout>
</layout>

因為Databinding的緣故，xml檔案不再單單是傳統的佈局檔案了，加入layout和data讓xml檔案現在更好的扮演好View（檢視）的角色了。為什麼這麼說呢，這裡我們就要談一下MVP中的View了。
用過MVP模式開發的同學想必都知道，MVP是以UI和事件為驅動的傳統模型，由於資料經常發生變化，更新UI需要手動呼叫V層或者P層相關的介面，相對來說缺乏自動性、監聽性。而且從某種程度來說，V層與P層還是有一定的耦合度。一旦V層某個UI元素更改，那麼對應的介面就必須得改，資料如何對映到UI上、事件監聽介面這些都需要轉變，牽一髮而動全身。
用到Databinding就不一樣了，雙向繫結的概念讓傳統的佈局檔案由被動轉為主動，資料驅動UI，而且View與ViewModel實現了完美的解耦，這也解決了MVP模式下的缺點。

MVVM

在MVP模式中，我們的Presenter必須知道View的存在，所以當您從Model獲取資料時，可以像view.refresh（data）一樣呼叫。但是在MVVM中，我們的中間層ViewModel（不是Presenter）不需要知道View的存在，或者它不關心View。任何人都可以是View，我（ViewModel）應該做的只是傳送UI邏輯，任何檢視都可以持有它並處理它。

要實現這樣的架構，至少有兩種方式：
*資料繫結：您應該做的只是更改模型/資料，資料繫結框架將負責將此更改事件傳送到檢視。
* RxJava：這個解決方案就像Observable模式。 ViewModel只是傳送更改事件，他的訂閱者將收到通知。順便說一下，ViewModel不知道，也不需要知道哪個類是接收者。

您要應用MVVM，因此您的程式碼實際上分為三部分：
* Model:和MVP的M層一樣，主要有實體模型/請求資料/處理資料庫等
* View: Activity/Fragment/layout xml.
* ViewModel: 負責UI邏輯和資料更改。

讓我們根據簡單的Demo來看看：

POJO CLASS　：

public class User extends BaseObservable {
    public String name;
    public String userId;
    public User(String name,String userId){
        this.name = name;
        this.userId = userId;
    }
    @Bindable
    public String getName() {
        return name;
    }
    @Bindable
    public String getUserId() {
        return userId;
    }

    public void setName(String name) {
        this.name = name;
        notifyPropertyChanged(BR.name);
    }

    public void setUserId(String userId) {
        this.userId = userId;
        notifyPropertyChanged(BR.userId);
    }
}

我們建立了一個User類，並且其欄位的更改由notifyPropertyChanged（）傳送，其欄位的值應通過@Bindable方法獲取。

Layout/XML　：

<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools">
    <data>
        <variable
            name="user"
            type="com.example.zc.taf.model.User"
            />
        <variable
            name="handler"   type="com.example.zc.taf.viewmodel.MainActivityViewModel"
            />
        <import type="android.view.View"/>
    </data>
    <LinearLayout
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.name}" />
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{user.userId}" />
        <Button
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:onClick="@{handler::btn1Click }"/>
        <Button
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:onClick="@{()->handler.showToast(user.userId)}"/>
        <Button
            android:id="@+id/search_btn"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            />
    </LinearLayout>
</layout>

現在，xml應該有一個稱為layout的根元素。而我們的xml包含資料和真實的檢視。

ViewModel　：

public class MainActivityViewModel implements EventListener {
    private ActivityMainBinding binding;
    private User user;
    private Context context;
    public MainActivityViewModel(Context context,ActivityMainBinding binding){
        this.binding = binding;
        this.context = context;
        user = new User("宋小寶","002");
        binding.setUser(user);
        binding.setHandler(this);
     }
    public void btn1Click(View v){
        user.setName("小瀋陽");
    }
    public void showToast(String note){
        Toast.makeText(context,note,Toast.LENGTH_LONG).show();
    }
    public void setUserId(String userId){
        user.setUserId(userId);
    }
}

ViewModel負責改變POJO類，並且處理view的各種響應事件（點選/選擇/滑動等等）

• 建構函式中的ActivityMainBinding類實際上是由資料繫結生成的類。我們的佈局是activity_main.xml，所以生成的類名就是ActivityMainBinding。
• 如佈局xml所示，我們需要兩個變數，一個是使用者，另一個是處理程式。你必須告訴ActivityMainBinding類的兩個例項，所以你必須呼叫binding.setUser（）和binding.setHandler（）。
• btn1Click（）和showToast（）方法是click 事件方法。
  每當按鈕點選時，我們的使用者介面也將被重新整理。這是資料繫結的好處。

Activity ：

public class MainActivity extends AppCompatActivity {
    private ActivityMainBinding binding;
    private MainActivityViewModel vm;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this,R.layout.activity_main);
        vm = new MainActivityViewModel(this,binding);
        binding.searchBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                vm.setUserId("101");
            }
        });
    }
}

由於資料繫結框架正在重新整理螢幕，ViewModel負責資料更改，所以我們的Activity更容易。沒有更多的findViewById（），沒有更多的textView.setText（）;和imageView.setImageResource（）。你需要的只是建立一個繫結和一個ViewModel。

你可以看到，你需要做的只是更新User類，你不需要呼叫view.refreshUser（newUser）;像MVP那樣。這樣，我們的分離比MVP更乾淨。因為ViewModel不支援View的引用，所以View和ViewModel之間的分隔更好。而ViewModel的測試與Presenter一樣簡單。

讓開發更簡單

MVVM是一種新的模式，低耦合度、雙向繫結、可複用性等特性將使您的開發變得更加容易。它可以幫助您分離UI和邏輯，使單元測試可用。
當然了，本文只是個人對MVVM模式的一種淺見，實戰為王，近期打算用它做一個app，到時候如果有新的發現在分享出來吧！