架构师学习--MVVM

一、概述

M：model层 这里指javabean对象。

V：就是我们的布局文件

VM：负责绑定view层，业务处理。

二、使用

1、创建View层activity_mvvm.xml，代码如下：

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

    <data>

        <!-- 定义该布局需要绑定的数据名称和类型 -->
        <variable
            name="vm"
            type="com.xinyartech.mymvpdemo.mvvm.vm.MvvmViewModel" />
    </data>

    <LinearLayout xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        tools:context=".MainActivity">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:addTextChangedListener="@{vm.nameTextWatcher}"
            android:hint="输入账号"
            android:text="@={vm.mVmBean.name}" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:addTextChangedListener="@{vm.pwdTextWatcher}"
            android:hint="输入密码"
            android:text="@={vm.mVmBean.pwd}" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClickListener="@{vm.onClickListener}"
            android:text="确定" />

    </LinearLayout>
</layout>

2、创建model层，javabean对象。代码如下：

public class VmBean {
    // 被观察的属性（切记：必须是public修饰符，因为是DataBinding的规范）
    public ObservableField<String> name = new ObservableField<>();

    public ObservableField<String> pwd = new ObservableField<>();

    @Override
    public String toString() {
        return "VmBean{" +
                "name=" + name.get() +
                ", pwd=" + pwd.get() +
                '}';
    }
}

3、创建vm层，并进行与View层绑定，代码如下：

public class MvvmViewModel {
    public VmBean mVmBean;

    public MvvmViewModel(ActivityMvvmBinding mvvmBinding) {
        mVmBean = new VmBean();
        //将viewModel与view进行绑定
        mvvmBinding.setVm(this);
    }

    public TextWatcher nameTextWatcher = new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {

        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            mVmBean.name.set(String.valueOf(s));
        }

        @Override
        public void afterTextChanged(Editable s) {

        }
    };

    public TextWatcher pwdTextWatcher = new TextWatcher() {
        @Override
        public void beforeTextChanged(CharSequence s, int start, int count, int after) {

        }

        @Override
        public void onTextChanged(CharSequence s, int start, int before, int count) {
            mVmBean.pwd.set(String.valueOf(s));
        }

        @Override
        public void afterTextChanged(Editable s) {

        }
    };



    public View.OnClickListener onClickListener = new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Log.e("111111",mVmBean.toString());
        }
    };


}

代码中的监听回调方法分别与布局文件的绑定名称一致。

4、在Activity中初始化绑定。代码如下：

public class MvvmActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMvvmBinding mvvmBinding = DataBindingUtil.setContentView(this,
                R.layout.activity_mvvm);

        new MvvmViewModel(mvvmBinding);
    }
}

以上就完成了MVVM的简单实用。

注意：MVVM是一种设计模式，和dataBinding并没有直接联系，dataBinding是一种工具而已。我们在MVC,MVP中同样可以使用dataBinding