Android从零开始搭建MVVM架构（3）————LiveData
在真正接触并使用MVVM架构的时候，整个人都不好了。因为个人觉得，MVVM相对于MVC、MVP学习难度比较大，设计的知识点不是一点半点。所以想慢慢记录下自己的成长。如有错误希望指正。
从零开始搭建MVVM架构系列文章（持续更新）:
Android从零开始搭建MVVM架构（1）————DataBinding
Android从零开始搭建MVVM架构（2）————ViewModel
Android从零开始搭建MVVM架构（3）————LiveData
Android从零开始搭建MVVM架构（4）————Room（从入门到进阶）
Android从零开始搭建MVVM架构（5）————Lifecycles
Android从零开始搭建MVVM架构（6）————使用玩Android API带你搭建MVVM框架（初级篇）
Android从零开始搭建MVVM架构（7） ———— 使用玩Android API带你搭建MVVM框架（终极篇）
还是那张图AAC(Android Architecture Components)
这篇我们讲LiveData。这里我们只是简单了解和认识MVVM中的LiveData组件
一、LiveData
首先我们把简单介绍下LiveData极其作用和特点。后面用例子来证明。
简介：LiveData 是一个有生命周期感知 & 可观察的数据持有者类
作用：
持久化的观察数据的更改与变化
特点：
1、感知对应Activity的生命周期，只有生命周期处于onStart与onResume时，LiveData处于活动状态，才会把更新的数据通知至对应的Activity
2、当生命周期处于onStop或者onPause时，不回调数据更新，直至生命周期为onResume时，立即回调
3、当生命周期处于onDestory时，观察者会自动删除，防止内存溢出
4、共享资源。可以使用单例模式扩展LiveData对象以包装系统服务，以便可以在应用程序中共享它们，同时有遵守了以上生命周期
LiveData有2个方法通知数据改变：
- 同步：.setValue（value）接收端数据回调与发送端同一个线程
- 异步：.postValue（value）接收端在主线程回调数据
二、简单LiveData使用及与DataBinding双向数据绑定的区别
2.1、简单LiveData使用
因为要做区别，我这里先用一个TextView做标题，看起来清晰些，xml如下（如果不理解DataBinding使用的建议，从前几篇文章开始看）
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable
name="onlyLive"
type="String" />
data>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal"
>
<LinearLayout
android:layout_marginTop="30dp"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="单独使用LiveData设置数据："
/>
<TextView
android:id="@+id/txt_only_live"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{onlyLive}"
/>
LinearLayout>
LinearLayout>
layout>
Activity里的代码：
public class LiveDataActivity extends AppCompatActivity {
ActivityLivedataBinding binding;
private MutableLiveData<String> liveData = new MutableLiveData<>();
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_livedata);
binding = DataBindingUtil.setContentView(this, R.layout.activity_livedata);
binding.setOnlyLive(liveData.getValue());
//数据改变监听
liveData.observe(this, new Observer<String>() {
@Override
public void onChanged(String s) {
binding.setOnlyLive(s);
LogUtils.i("观察LiveData", "单独使用LiveData ==> " + s);
}
});
}
@Override
protected void onStop() {
super.onStop();
liveData.postValue("单独LiveData使用");
}
}
- LiveData 是一个可观察的数据持有者类。所以有一个观察数据变化的监听
//1、第一个参数是LifeCycleOwner。这样也是我们另外一个组件.
// 在DataBinding篇，也说了，在26版本以后的Support库中，
// AppCompatActivity和SupportActivity中都实现了LifecycleOwner，内部已经对UI界面的生命周期做了处理了。
// 这里我们学习的是LiveData,先暂且把他忽略调
//2、
liveData.observe(this, new Observer<String>() {
@Override
public void onChanged(String s) {
binding.setOnlyLive(s);
ToastUtils.showToast(s);
}
});
- LiveData 是一个有生命周期感知。只有生命周期处于onStart与onResume时，LiveData处于活动状态，才会把更新的数据通知至对应的Activity；当生命周期处于onStop或者onPause时，不回调数据更新，直至生命周期为onResume时，立即回调；当生命周期处于onDestory时，观察者会自动删除，防止内存溢出
//针对他的生命周期感知，我们在按home键，在离开视图界面的时候给他设置数据如下。然后看效果
@Override
protected void onStop() {
super.onStop();
liveData.postValue("单独LiveData使用");
}
效果图如下(按home键，程序进入后台后再切进去)：
2.2、与DataBinding双向数据绑定的区别
看到LiveData还需要通过监听给xml设置数据。这个时候我们会不由的想起DataBinding的数据绑定，岂不是比他方便。那么我加上DataBinding的双向数据绑定看看。建一个测试类，用到我们的ObservableField（不清楚的去看前几篇）
public class TestBean {
public final ObservableField<String> name = new ObservableField<>();
private void setName(String name) {
this.name.set(name);
}
}
xml如下：
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable
name="onlyLive"
type="String" />
<variable
name="dataBsource"
type="com.lihang.viewmodelstu.bean.TestBean" />
data>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal"
>
<LinearLayout
android:layout_marginTop="30dp"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="单独使用LiveData设置数据："
/>
<TextView
android:id="@+id/txt_only_live"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{onlyLive}"
/>
LinearLayout>
<LinearLayout
android:layout_marginTop="30dp"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="DataBinding双向数据绑定设置数据："
/>
<TextView
android:id="@+id/txt_dataBinding"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@={dataBsource.name}"
/>
LinearLayout>
LinearLayout>
layout>
Activity里，因为DataBinding的数据绑定没有观察监听，那我们就对设置数据的textView做个监听。
public class LiveDataActivity extends AppCompatActivity {
ActivityLivedataBinding binding;
private MutableLiveData<String> liveData = new MutableLiveData<>();
private TestBean testBean = new TestBean();
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_livedata);
binding = DataBindingUtil.setContentView(this, R.layout.activity_livedata);
binding.setOnlyLive(liveData.getValue());
binding.setDataBsource(testBean);
addTextViewChange();
}
private void addTextViewChange() {
binding.txtOnlyLive.addTextChangedListener(new TextWatcher() {
....//省略部分代码
@Override
public void afterTextChanged(Editable s) {
LogUtils.i("TextView的变化", "单独使用LiveData ==> " + s);
}
});
binding.txtDataBinding.addTextChangedListener(new TextWatcher() {
....//省略部分代码
@Override
public void afterTextChanged(Editable s) {
LogUtils.i("TextView的变化", "DataBinding双向绑定 ==> " + s);
}
});
}
@Override
protected void onStop() {
super.onStop();
liveData.postValue("单独LiveData使用");
testBean.name.set("我是DataBinding双向绑定");
}
}
同样在离开界面的时候设置下数据：
效果图如下（我们看打印）：
- 可以看到一退出。DataBinding的双向数据绑定就设置到TextView上了。没有跟着生命期走，那么潜在的bug也是很多的，这也是为什么google出的组件都是跟随生命周期走的。
- 而LiveData每次都要去写监听，google怎么会忍受。LifecycleOwner强大之处来了
三、LiveData配合ViewModel使用
上篇提到了LifecycleOwner。即使LiveData配合ViewModel使用，也要通过它来省去每次数据改变的监听
怎么用呢？
关键就是给我们的DataBingding设置LifecycleOwner：binding.setLifecycleOwner(this);
来看我们的ViewModel
public class LiveDataViewModel extends ViewModel {
private MutableLiveData<String> nameLiveData = new MutableLiveData<>();
public MutableLiveData<String> getData() {
return nameLiveData;
}
}
xml里再加上一条显示ViewModel的数据
<layout xmlns:android="http://schemas.android.com/apk/res/android">
<data>
<variable
name="onlyLive"
type="String" />
<variable
name="dataBsource"
type="com.lihang.viewmodelstu.bean.TestBean" />
<variable
name="liveViewModel"
type="com.lihang.viewmodelstu.viewmodel.LiveDataViewModel" />
data>
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center_horizontal"
>
<LinearLayout
android:layout_marginTop="30dp"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="单独使用LiveData设置数据："
/>
<TextView
android:id="@+id/txt_only_live"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{onlyLive}"
/>
LinearLayout>
<LinearLayout
android:layout_marginTop="30dp"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="DataBinding双向数据绑定设置数据："
/>
<TextView
android:id="@+id/txt_dataBinding"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@={dataBsource.name}"
/>
LinearLayout>
<LinearLayout
android:layout_marginTop="30dp"
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="ViewModel配合LiveData设置数据："
/>
<TextView
android:id="@+id/txt_viewmodel_livedata"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{liveViewModel.data}"
/>
LinearLayout>
LinearLayout>
layout>
Activity里：
public class LiveDataActivity extends AppCompatActivity {
ActivityLivedataBinding binding;
private MutableLiveData<String> liveData = new MutableLiveData<>();
private TestBean testBean = new TestBean();
private LiveDataViewModel model;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_livedata);
binding = DataBindingUtil.setContentView(this, R.layout.activity_livedata);
binding.setOnlyLive(liveData.getValue());
binding.setDataBsource(testBean);
//本节重点是下面2句代码哦
binding.setLifecycleOwner(this);
model = ViewModelProviders.of(this).get(LiveDataViewModel.class);
binding.setLiveViewModel(model);
addLiveObserve();
addTextViewChange();
}
private void addTextViewChange() {
binding.txtOnlyLive.addTextChangedListener(new TextWatcher() {
...//省略
@Override
public void afterTextChanged(Editable s) {
LogUtils.i("TextView的变化", "单独使用LiveData ==> " + s);
}
});
binding.txtDataBinding.addTextChangedListener(new TextWatcher() {
...//省略
@Override
public void afterTextChanged(Editable s) {
LogUtils.i("TextView的变化", "DataBinding双向绑定 ==> " + s);
}
});
binding.txtViewmodelLivedata.addTextChangedListener(new TextWatcher() {
...//省略
@Override
public void afterTextChanged(Editable s) {
LogUtils.i("TextView的变化", "ViewModel配合LiveData使用 ==> " + s);
}
});
}
private void addLiveObserve() {
liveData.observe(this, new Observer<String>() {
@Override
public void onChanged(String s) {
//单独使用的还是需要监听哦！
binding.setOnlyLive(s);
}
});
}
@Override
protected void onStop() {
super.onStop();
liveData.postValue("单独LiveData使用");
testBean.name.set("我是DataBinding双向绑定");
model.getData().postValue("ViewModel配合LiveData使用");
}
}
我们通过model.getData().postValue(“ViewModel配合LiveData使用”);去改变ViewModel里的数据，看结果：
至此这里对简单的LiveData做了简单介绍，和使用。让我们一起慢慢实现自己的MVVM框架把！！
本文demo地址