Android架构模式之 MVVM模式

MVVM模式简介

MVVM模式就是由View层 ViewModel层 以及Model层组成的。
View层就是控制布局和外观
Model层是获取业务数据模型
ViewModel则负责处理View中的业务逻辑和处理数据

MVVM模式中我们不需要再使用findviewbyid等方式去为具体的view设置内容等，而是借用DataBinding工具以ViewModel为桥梁将数据和视图进行双向绑定，当其中任意一方改变，另一方也会随之改变。

JAVA实例：
我们就做一个简单的数据展示晓dome叭

首先需要引入：
在module的build.gradle文件中引入DataBinding

android {
	...
	// 添加DataBinding依赖
	dataBinding{
	    enabled = true
	}
）

然后定义我们的实体类 JAVABean
这里有两种方法：

方法一  原始格式 get/set    
public class JAVABean{
private String  test;

public void setTest(String test){
this.test=test;
}
public String getTest(){
return test;
}

方法二：将数据定义成 ObservableField<>（）  
public class JAVABean{
public ObservableField<String> test =new ObservableField<>();
}
}

个人偏好第二种，第一种带来的代码冗余让我不太能接受。

这里省略activity的创建(暂时命名为MainActivity 方便后面)
定义布局（DataBingding中的标准定义 根布局为layout 其中包含了一个data节点和布局节点（平时布局一样））

这里需要注意的是 为了方便 我现在布局里面写了一些绑定，在实际中可先将viewmodel建立后再绑定也行，看个人习惯。

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

    <!--定义该布局需要绑定的数据名称和类型-->
    <data>
        <variable
            name="TestViewModel"
            type="****.TestViewModel" />
    </data>

    <!-- 下部分内容和平时布局文件一样 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <TextView
        android:layout_heigh="wrap_content"
        android:layout_width="match_parent"
        android:layout_margin="20dp"
        android:text="@={TestViewModel.javabean.test}"
        
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="20dp"
            android:hint="请输入内容"
            android:text="@={TestViewModel.javabean.test}" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:onClick="@{TestViewModel.setClickListener}"
            android:text="改变text中内容" />
		<Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:onClick="@{TestViewModel.getClickListener}"
            android:text="获取Edit中内容" />

    </LinearLayout>
</layout>

然后创建TestViewModelest
viewmodel中 将databinding绑定了viewmodel 然后写了一些前面为view绑定的方法和数据类
这里需要注意布局中绑定的方法名一定要和view中写的方法名一样，不然会出错！

public class TestViewModel{
public JAVABean javabean;

public TestViewModel(ActivityMainBinding binding){
javabean = new JAVABean;
binding.setTestViewModel(this);
}
public View.OnClickListener setClickListener =new View.OnClickListener(){
@Override
public void onClick(View v){
javabean.test.set("测试A");
}
}

public View.OnClickListener getClickListener(){
@Override
public void onClick(View v){
Log.d("test",javabean.test.get())
}
}
}

最后就是Activity中的绑定了：

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        ActivityMainBinding binding = DataBindingUtil.setContentView(this, R.layout.activity_main);
        new TestViewModel(binding);
    }
}

由于是借鉴了别人的部分代码的基础上修改的，所以我并没有对这套代码进行编译，由于纯手打的缘故可能会出现错误，希望看出来的兄弟们，帮我指正哈
这里放一下参照的地址
MVVM实现数据双向绑定

由于在研究Kotlin和JetPack 所以在这里列举一些在进行mvvm架构中可能遇到的问题
1.在kotlin里面 我们书写实体类时是可以免除繁杂的set/get （真nice！！！！）
2.用livedata替换ObservableField 做Data Binding的场景下我们需要在初始化的时候为binding设置lifecycleOwer

binding.lifecyclerOwer=this   

给一个别人写的详细的给兄弟们参考哈
Android使用LiveData替换ObservableField做Data Binding

最后再次声明：本篇为技术积累文章，可能出现错误，如有错误敬请指正 谢谢！

部分图片引用：Android之MVVM开发模式