Android DataBinding学习(二):数据更新(Kotlin版本)

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6

目录

一.单向绑定

1.BaseObservable

2.ObservableXXX类

二.双向绑定

总结

Android DataBinding学习(二)数据更新


一.单向绑定

上一篇文章Android DataBinding学习(一) kotlin版本介绍了DataBinding的基础用法但是上篇文章最后提到一个问题就是"如何更新UI"对于这个问题我们可以用"单向绑定"技术来解决。

1.BaseObservable

为了能够实现单向绑定测试代码的实现是一个带SeekBar的UI后台用线程不断更新SeekBar的数据。XML代码

UI界面

<?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">

    <data>

        <import type="com.work.binding.practice.data.ProgressData" />

        <variable
            name="progressData"
            type="ProgressData" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.appcompat.widget.AppCompatSeekBar
            android:id="@+id/first_seek_bar"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:max="100"
            android:progress="@{progressData.progress}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <Button
            android:id="@+id/start"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            android:onClick="startThread"
            android:background="@color/colorAccent"
            android:text="启动线程"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@id/first_seek_bar" />

    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

数据类ProgressData

// 继承自BaseObservable
class ProgressData: BaseObservable(){

    /**
     * 要在set属性的时候调用notifyPropertyChanged
     * 如果是Java代码那只需要在JavaBean类的setter方法调用notifyPropertyChanged
     */
//    @get: Bindable // 第二种写法
    @Bindable
    var progress:Int?=0
    set(value) {
        field = value
        // BR是自动生成的代码
        // notifyPropertyChanged更新的内容是progress
        notifyPropertyChanged(BR.progress)
    }
}

注意到这里有时候@Bindable会报错To use data binding annotations in Kotlin, apply the 'kotlin-kapt' plugin in your module's build.gradle解决办法需要在当前项目的build.gradle脚本中增加插件apply plugin: 'kotlin-kapt'。
编译通过之后到这里就已经完成了单向绑定了。

Activity界面代码

class SeekBarActivity:AppCompatActivity() {

    val binding:ActivitySeekBarBinding by lazy {
        DataBindingUtil.setContentView(this, R.layout.activity_seek_bar)
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding.progressData = ProgressData()
    }

    fun startThread(view: View){
   		// 开启线程更新UI数据注意这里没有用到Handler来更新UI
        val updateThread = Thread {
            while (true){
                if(binding.progressData?.progress?:Int.MAX_VALUE >= 100){
                    return@Thread // kotlin的标签
                }
                binding.progressData?.progress = binding.progressData?.progress?.inc() // kotlin自增
                Thread.sleep(1000)
            }
        }
        updateThread.start()
    }
}

2.ObservableXXX类

除了上面提到的BaseObservable方法还可以考虑使用ObservableXXX类比如ObservableIntObservableFieldObservableFloat等类同样可以实现单向绑定。代码如下

数据类ProgressData

class ProgressData{

    var progress:ObservableInt = ObservableInt(0)
}

Activity稍微修改下

class SeekBarActivity:AppCompatActivity() {

    val binding:ActivitySeekBarBinding by lazy {
        DataBindingUtil.setContentView(this, R.layout.activity_seek_bar)
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding.progressData = ProgressData()
    }
    
	// 主要是这里修改
    fun startThread(view: View){
        val updateThread = Thread {
            while (true){
                // 使用let属性方法和?:来减少代码量
                binding.progressData?.progress?.let {
                    if (it.get() >= 100){
                        return@Thread // kotlin的标签
                    }
                    it.set(it.get().inc()) // kotlin自增
                }?:return@Thread // kotlin的标签
                Thread.sleep(1000)
            }
        }
        updateThread.start()
    }
}

二.双向绑定

既然可以有单向绑定必然也有双向绑定。单向绑定是数据改变带动UI改变双向绑定则是UI界面改变会改变数据。
为了能够更好的展示双向绑定这里对UI界面做个改动界面上布置上两个SeekBar。代码如下

<?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">

    <data>

        <import type="com.work.binding.practice.data.ProgressData" />

        <variable
            name="progressData"
            type="ProgressData" />
    </data>

    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <androidx.appcompat.widget.AppCompatSeekBar
            android:id="@+id/first_seek_bar"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:max="100"
            android:progress="@={progressData.progress}"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

        <androidx.appcompat.widget.AppCompatSeekBar
            android:id="@+id/second_seek_bar"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="50dp"
            android:max="100"
            android:progress="@={progressData.progress}"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toBottomOf="@id/first_seek_bar" />
    </androidx.constraintlayout.widget.ConstraintLayout>
</layout>

实现双向绑定很简单只需要改动UI界面上的@{progressData.progress}改为@={progressData.progress}即可。当然除了使用DataBinding也可以用ViewModel+LiveData来实现。

总结

数据更新可以继承BaseObservable或者使用ObservableXXX类实现双向绑定则需要在UI界面使用@={progressData.progress}来绑定

原文链接https://blog.csdn.net/rq997832/article/details/122651563

阿里云国内75折 回扣 微信号:monov8
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6
标签: android