LiveData和viewModel是Google大佬新推出的开发框架jetpack中的两个组件，对应的是MVVM开发模式。本身来说LiveData和viewModel这两个东西之前也有个人的实现，只不过现在谷歌把这俩组件官方化了，消除差异。（Google教我写代码）
概念这些网上一搜一大把的，这里只是入门一下这两个东西，把最基本的使用说一说，毕竟东西要会用了才能去理解原理。（车都不会开，研究车的发动机有啥用呢）
首先，我们定义MVVM模型中的View层，定义两个Fragment
View层
第一个Fragment
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:layout_marginTop="100dp"
android:id="@+id/text"
android:layout_gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
第二个Fragment
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:layout_gravity="center"
android:id="@+id/btn_change"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
</LinearLayout>
Model层
然后定义MVVM模型中的Model层，一个LiveData，这个data与第一个fragment的Text有关，我们可以这样定义。
public class MyLiveData extends MutableLiveData<String> {
@Override
protected void onActive() {
//当 LiveData 具有活动状态的 Observer 的时候会调用这个函数。在这个函数中，我们开始监听数据变化。
Log.e("MyLiveData:","call the onActive()");
super.onActive();
}
@Override
protected void onInactive() {
//当 LiveData 没有活动状态的 Observer 的时候会调用这个函数。所以在这个函数中取消更新数据来避免无所谓的耗电。
Log.e("MyLiveData:","call the onInactive()");
super.onInactive();
}
}
这里之所以不继承LiveData<>的原因是，LiveData的setValue方法是protected的，我们无法直接调用它，所以谷歌给我们提供了一个MutableLiveData方法给我们继承。
clipboard.png
ViewModel层
最后定义MVVM模型中的ViewModel层，像这样：
public class MyViewModel extends ViewModel {
MutableLiveData<String> liveData = new MyLiveData();
public MutableLiveData<String> getLiveData(){
return liveData;
}
public void change(String s){
getLiveData().setValue(s);
}
@Override
protected void onCleared() {
Log.e("MyViewModel","call the onCleared");
super.onCleared();
}
}
在ViewModel中对数据进行操作，所以将livedata在这里实例化，这里定义一个change方法，表示改变这个text。
最后两个fragment的实现像这样：
public class OneFragment extends Fragment {
private MyViewModel viewModel;
private TextView text;
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_one,container,false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
text = (TextView) view.findViewById(R.id.text);
viewModel = ViewModelProviders.of(getActivity()).get(MyViewModel.class);
viewModel.getLiveData().observe(this, new Observer<String>() {
@Override
public void onChanged(@Nullable String s) {
Log.e("cccccc","change");
text.setText(s);
}
});
}
}
第二个Fragment
public class TwoFragment extends Fragment {
private Button btnChange;
private MyViewModel viewModel;
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
return inflater.inflate(R.layout.fragment_two,container,false);
}
@Override
public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
btnChange = (Button) view.findViewById(R.id.btn_change);
viewModel = ViewModelProviders.of(getActivity()).get(MyViewModel.class);
btnChange.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
viewModel.change("改变");
}
});
}
}
类似与观察者模式，监听这个liveData的变化，并对view进行更新。可以看到这里View层（就是这两个fragment）只做展示工作，数据操作的交给viewModel去实现，将逻辑分离了出来。
最后，其实还有一个组件dataBinding用起来更好用，实现了Data和view的双向绑定，大家有空也可以尝试一下。
最后实现结果像这样，点击Button改变另一个fragment中的text
微信图片_20190821153945.png
微信图片_20190821153950.png
微信图片_20190821153955.png
网友评论