Android之练习MVVM+DataBinding框架模式

最近简单学习了MVVM框架，记录一下。

结果演示： 

 

分析其功能在不同框架下的构成：

• 无框架

---

可以明显感受到在无框架下，虽然一个单独的Activity即可实现功能，但其负担过重，代码复查时繁琐，一旦需要修改，复杂项目极难维护。

• MVC

---

在MVC框架下，虽然将获取数据与界面展示分割开来，但对于Controller层，仍然拥有很多权利，随着功能的增多，其代码量也将会大大增长，不利于维护修改。

• MVP

---

 

在使用MVP框架时，View层与Model层不通信，都通过 Presenter层传递，并且Presenter层与具体的View是没有直接关联的，而是通过定义好的接口进行交互，这就可能会导致有大量的接口生成，代码复杂繁琐，难维护。

因此，在使用MVP时最好按照一定规范去做：

1. 接口规范化（封装父类接口以减少接口的使用量）
2. 使用第三方插件自动生成MVP代码
3. 对于一些简单的界面，可以选择不使用框架
4. 根据项目复杂程度，部分模块可以选择不使用接口

• MVVM

---

 MVVM框架实现了数据与视图的绑定（DataBinding），当数据变化时，视图会自动更新；反之，当视图变化时，数据会自动更新。

 

DataBinding使用步骤：

• 启用DataBinding
• 修改布局文件为DataBinding布局
• 数据绑定

使用MVVM框架步骤：

• 提供View、ViewModel以及Model三层
• 将布局修改为DataBinding布局
• View与ViewMedel之间通过DataBinding进行通信
• 获取数据并展示在界面上

再更深层次学习，可以使用LiveData+ViewModel

以下是采用MVVM框架的代码：

---

Account

public class Account {
    String name;
    int level;

    public String getName() {
        return name;
    }

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

    public int getLevel() {
        return level;
    }

    public void setLevel(int level) {
        this.level = level;
    }
}

MCallBack

public interface MCallback {
    public void onSuccess(Account account);
    public  void onFailed();
}

MVVMActivity

public class MVVMActivity extends AppCompatActivity {
    private ActivityMvvmBinding binding;
    private MVVMViewModel mvvmViewModel;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        binding = DataBindingUtil.setContentView(this,R.layout.activity_mvvm);

        mvvmViewModel = new MVVMViewModel(getApplication(),binding);
        binding.setViewModel(mvvmViewModel);  //初始化viewModel
    }
}

MVVMModel

public class MVVMModel {

    //模拟查询账号数据
    public void getAccountData(String accountName, MCallback callback){
        Random random = new Random();
        boolean isSuccess = random.nextBoolean();
        if(isSuccess){
            Account account = new Account();
            account.setName(accountName);
            account.setLevel(100);
            callback.onSuccess(account);
        }else {
            callback.onFailed();
        }
    }
}

MVVMViewModel

public class MVVMViewModel extends BaseObservable {

    private ActivityMvvmBinding binding;
    private MVVMModel mvvmModel;
    private String Input;
    private String result;

    @Bindable
    public String getResult() {
        return result;
    }

    public void setResult(String result) {
        this.result = result;
        notifyPropertyChanged(com.example.mvvmdemo2.BR.result);
    }
    //    一般需要传入Application对象，方便在ViewModel中使用application
    //    比如sharedpreferences需要使用
    public MVVMViewModel(Application application, ActivityMvvmBinding binding) {
        this.binding=binding;
        mvvmModel = new MVVMModel();

    }

    public void getData(View view){

        Input = binding.etAccount.getText().toString();
        mvvmModel.getAccountData(Input, new MCallback() {
            @Override
            public void onSuccess(Account account) {
                String info = account.getName() + "|" + account.getLevel();
                setResult(info);
            }

            @Override
            public void onFailed() {
                setResult("消息获取失败");
            }
        });
    }
}

xml

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <variable
            name="viewModel"
            type="com.example.mvvmdemo2.mvvm.MVVMViewModel" />

    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".mvvm.MVVMActivity"
        android:orientation="vertical"
        android:gravity="center">
        <EditText
            android:id="@+id/et_Account"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请输入账户名称"
            android:layout_marginBottom="50dp"
            />
        <Button
            android:id="@+id/btn_getAccount"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="查询账户信息"
            android:layout_marginBottom="50dp"
            android:onClick="@{viewModel.getData}"
            />

        <TextView
            android:id="@+id/tv_getResult"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:hint="暂未获取账户信息"
            android:text="@{viewModel.result}"/>

    </LinearLayout>
</layout>

网络可以给我们提供很多资料，个人认为，看再多的视频与文章不如实际去跟着敲一敲代码，这样更便于加深理解。

非常感谢oohuo老师的视频讲解，可以说是对初学者非常友好了，想要学习的同学可以去搜索学习：Android中的MVC_MVP_MVVM

想要更多了解MVC、MVP、MVVM之间的区别可以看我之前的博客：Android之MVC、MVP、MVVM