初识viewBinding,ViewModel,liveData,dataBinding

前言

什么是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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,482评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,377评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,762评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,273评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,289评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,046评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,351评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,988评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,476评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,948评论 2 324
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,064评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,712评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,261评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,264评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,486评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,511评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,802评论 2 345

推荐阅读更多精彩内容