前言
什么是Jetpack?
Jetpack 是一个由多个库组成的套件,可帮助开发者遵循最佳做法、减少样板代码并编写可在各种 Android 版本和设备中一致运行的代码,让开发者可将精力集中于真正重要的编码工作
ViewModel,LiveData和DataBinding都是Android Jetpack的重要组成部分,这些东西能让我们在安卓开发下实现数据和UI分离,使MainActivity等界面中的代码更加简介清晰,DataBinding甚至能够使用声明性格式将布局中的界面组件绑定到应用中的数据源。
初识viewBinding
viewBinding的作用就是访问xml中的控件,通常来说访问xml中的控件方式有三种。
- 通过
findViewById<>()
,这是最经典的方法,但是如果想访问的控件数目较多则会造成代码冗余,减缓开发效率,不推荐使用。 - 在gradle中的plugins中添加
kotlin-android-extensions
,通过拓展方法直接通过id来访问,但是AS已经标注此方法已过时,不推荐使用。 - 通过
viewBinding
视图绑定,也是可以通过id(实际上只是系统生成的属性与id同名)来访问,简单高效,推荐使用。
使用 viewBinding
之前要在 gradle -> android
中添加
android {
...
buildFeatures {
dataBinding true
}
}
开启此功能后,系统会为每个 layout
都产生一个绑定类,如果有一个叫activity_main.xml
的布局文件,则会生成一个 MainActivityBinding
的绑定类,我们只需要获取此绑定类,并将其添加在setContentView中就可以用id来访问控件了。
class MainActivity : AppCompatActivity() {
//1.声明一个变量用来接收绑定类
private lateinit var binding: ActivityMainBinding
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
/**
* 2.获取binding类对象
* layoutInflater: LayoutInflater 布局解析器
* 代码中只能使用对应的View或者ViewGroup无法使用xml文件
* 需要使用布局解析器来将xml文件转化为对应的View/ViewGroup
*/
binding = ActivityMainBinding.inflate(layoutInflater)
//3.将binding类绑定的视图和MainActivity关联
setContentView(binding.root)
}
}
接下来就可以方便快捷的访问这些控件了,通过 binding类对象名.控件id来访问。
binding.button.setOnClickListener {
number++
binding.textView.text = "$number"
}
初始ViewModel
ViewModel是什么呢?究竟为什么要使用ViewModel呢?
架构组件为界面控制器提供了
ViewModel
辅助程序类,该类负责为界面准备数据。在配置更改期间会自动保留ViewModel
对象,以便它们存储的数据立即可供下一个 activity 或 fragment 实例使用。
在一些可能会造成activity销毁或重启的情况下(如屏幕旋转)会造成数据丢失,那我们又是怎么解决的呢?看看下面这张ViewModel生命周期图吧。
我们发现不管是activity被创建还是旋转还是结束销毁,ViewModel都一直存在,能一直起到数据保存的功能,最典型的例子就是activity发生旋转时,会经历 onPause -> onStop -> onDestroy -> onCreate -> onStart -> onResume
一系列过程,简单来说就是会重启这个activity,如果不加额外操作势必会引起数据丢失,因此我们需要一个很好的方法来避免此问题。
ViewModel的优点还很多,如共享数据,UI和数据分离等等,现在来说说怎么使用ViewModel吧。上面提到屏幕旋转数据丢失问题,我们就举这个例子来说明ViewModel的优点,xml布局如下:
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
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">
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="0"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView" />
</androidx.constraintlayout.widget.ConstraintLayout>
这就是一个TextView显示数字,和一个Button点击一下,TextView中的数字加1,我们发现当点击Button使TextView显示为5时,旋转屏幕后(前提是在Manifest中开启了此功能),这时会发现TextView中的数字又变成了零。
那接下里就用ViewModel来解决这个问题。
首先创建一个MainViewModel继承自ViewModel,在MainViewModel中完成数据的声明以及各种逻辑。
class MainViewModel: ViewModel() {
var number = 0
fun addOne(){
number++
}
}
在MainActivity中访问,如下所示:
class MainActivity : AppCompatActivity() {
private lateinit var binding: ActivityMainBinding
//这种获得model对象的方式需要在gradel中加入依赖
//implementation("androidx.fragment:fragment-ktx:1.5.0")
private val model: MainViewModel by viewModels()
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
// 这是另一种接收model的方式,前面那种类似于单例模式
// model = ViewModelProvider(this)[MainViewModel::class.java]
if (binding.textView.text == "0"){
binding.textView.text = model.number.toString()
}
binding.button.setOnClickListener {
model.addOne()
binding.textView.text = model.number.toString()
}
}
}
这样整好后一运行,不管怎么旋转屏幕,TextView中的数据都不会丢失,这样就解决了这个问题。
初识LiveData
LiveData一般和ViewModel联合起来使用,LiveData是一种可观察的数据存储器类,当底层数据发生变化时,LiveData 会通知 Observer
对象。您可以整合代码以在这些 Observer
对象中更新界面。这样一来,您无需在每次应用数据发生变化时更新界面,因为观察者会替您完成更新。
LiveData的使用步骤
1.在ViewModel中声明需要监听的对象
var number = MutableLiveData(0)
2.在ViewModel中实现数据改变逻辑
fun addOne(){
number.postValue(number.value!!+1)
}
3.界面中获取ViewModel对象
val model: MainViewModel by viewModels()
4.观察数据并实现改变之后需要处理的业务逻辑
model.number.observe(this){
binding.textView.text = "$it"
}
其中MainActivity是这样的
class MainActivity : AppCompatActivity() {
private lateinit var binding: ActivityMainBinding
private val model: MainViewModel by viewModels()
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
binding = ActivityMainBinding.inflate(layoutInflater)
setContentView(binding.root)
binding.button.setOnClickListener {
model.addOne()
}
//观察数据并实现改变之后需要处理的业务逻辑
model.number.observe(this){
binding.textView.text = "$it"
}
}
}
这样也能解决屏幕因旋转而数据丢失的问题,显然这种 ViewModel + LiveData 的方式比单独的 ViewModel 的方式更简单,代码更加简洁明了。
初识DataBinding
DataBinding的作用是实现了在xml文件中绑定数据和点击事件等功能,从而不需要在MainActivity中编写这部分代码,减轻了MainActivity界面中的代码,使开发者能够更专注于核心代码的编写。
此例的DataBinding是在ViewModel中实现的
数据绑定库与 Android Gradle 插件捆绑在一起。无需声明对此库的依赖项,但必须启用它。启用方式和 ViewBinding 一样,需要在 gradle -> android
中添加如下代码:
android {
...
buildFeatures {
dataBinding true
}
}
之后在 xml 中更改根标签,使用快捷键 ALT + ENTER
选中 convert to data binding layout
。
1.在xml中给按钮绑定事件:类似于Lambda,注意->两边的空格
android:onClick="@{() -> model.addOne()}"
2.在xml中绑定数据
android:text="@{String.valueOf(model.number)}"
//如果本身number是字符串则只需这样写 ->
android:text="@{model.number}"
3.将Activity中创建的model对象设置给DataBinding中申明的变量
binding.model= model
binding.lifecycleOwner = this
这样就大致完成了DataBinding的操作,能够在xml中使用数据或者对界面完成交互。下面是完整的xml中的代码:
<?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="自己定义的变量名" 如model
type="类型的完整路径" 如com.example.lineData.MainViewModel
>
</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="0"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="@{() -> model.addOne()}"
android:text="@{String.valueOf(model.number)}"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/textView" />
</androidx.constraintlayout.widget.ConstraintLayout>
</layout>