MVVM的ViewModel
MVC模式下业务逻辑全都在controller中完成,这意味着一个activity既是controller又是业务逻辑实现者。
MVVM将数据(UI data)从Controller中分离出来,单独放到一个类中处理。实现方法是创建一个继承于ViewModel的类,来进行数据的存储和操作。
public class MyViewModel extends ViewModel {
public int number=0;
}
在activity中实现该viewModel:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
myViewModel= new ViewModelProvider(this,new ViewModelProvider.NewInstanceFactory())
.get(MyViewModel.class);
//...
}
使用ViewModel管理UI数据不需要考虑对它进行存储:在旋转屏幕、更换语言等情况下不需要使用onSavedInstanceState()和onRestoreInstanceState()对数据进行保存和读取。并且对于数据的管理全在ViewModel中进行,提高了activity模块化。
LiveData
仅使用ViewModel时,每一次数据发生改变时还是需要通过references来驱动View控件来刷新界面。现在使用LiveData来表示UI data,只要当这个数据发生变动时,这个数据的观察者可以自动去刷新界面上的数据(设置观察者仍在controller中)。
在ViewModel中创建LiveData数据
public class ViewModelWithLiveData extends ViewModel {
private MutableLiveData<Integer> likedNumber;
public MutableLiveData<Integer> getLikedNumber() {
if (likedNumber==null){
likedNumber=new MutableLiveData<>();
likedNumber.setValue(0);
}
return likedNumber;
}
public void addLikedNumber(int n){
likedNumber.setValue(likedNumber.getValue()+n);
}
}
在ViewModel中有对数的获取和修改操作。
为LiveData创建观察者
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//...
viewModelWithLiveData.getLikedNumber().observe(this, new Observer<Integer>() {
@Override
public void onChanged(Integer integer) {
textView.setText(String.valueOf(integer));
}
});
//...
}
一旦数值发生改变就自动更新ui。
对数据进行修改
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//...
viewModelWithLiveData.getLikedNumber().observe(this, new Observer<Integer>() {
@Override
public void onChanged(Integer integer) {
textView.setText(String.valueOf(integer));
}
});
imageButton1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
viewModelWithLiveData.addLikedNumber(1);
}
});
imageButton2.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
viewModelWithLiveData.addLikedNumber(2);
}
});
}
在点击按钮后ViewModel来处理数据的修改;一旦数据被修改后观察者就会自动更新ui界面。
DataBinding
使用DataBinding之后可以将UI数据的更新完全从controller中剥离开来,即controller和viewGroup不再建立联系。
手动开启dataBinding
在gradle(app)中增加:
defaultConfig {
//...
dataBinding{
enabled true
}
}
convert to data binding layout
光标在布局文件中的第一行行首,按下alt+insert,点击convert to data binding layout,这一举动可以使得在布局文件中使用传进来的数据。
<?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>
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
... />
<Button
... />
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>
在activity中绑定视图文件
这时Android Studio会自动生成一个类,名字取决于视图布局文件名称,为XXXXBinding。
原先的setContentView方法就可以被取代了,直接用dataBinding来设置视图。
public class MainActivity extends AppCompatActivity {
private MyViewModel myViewModel;
ActivityMainBinding binding;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
binding= DataBindingUtil.setContentView(this,R.layout.activity_main);
myViewModel=new ViewModelProvider(this,new ViewModelProvider.NewInstanceFactory()).get(MyViewModel.class);
binding.setData(myViewModel);
binding.setLifecycleOwner(this);
}
}
将ViewModel传递给布局文件以绑定:
binding.setData(myViewModel);
binding.setLifecycleOwner(this);这一句不写,就不会实现对LiveData的监听。
在布局文件中绑定数据与操作
在布局文件的data标签中定义数据名称和类型,之后就可以在组件类型中使用这个数据了。
<data>
<variable
name="data"
type="com.shopkeeper.databinding.MyViewModel" />
</data>
设置text的语法是:
android:text="@{String.valueOf(data.number)}"
设置click时间的语法是:
android:onClick="@{()->data.add()}"
<?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="data"
type="com.shopkeeper.databinding.MyViewModel" />
</data>
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:id="@+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@{String.valueOf(data.number)}"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.358" />
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
android:onClick="@{()->data.add()}"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.498"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.554" />
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>