Kotlin Common篇之三 DataBinding&

首发于公众号: DSGtalk1989

• DataBinding

  首先我们需要在module的build.gradle文件中打开databinding的开关。

  android {
        ...
        dataBinding {
            enabled = true
        }
    }
  

  然后我们在layout布局文件中，添加<data>标签，并且将根布局标签修改成<layout>

  <layout xmlns:android="http://schemas.android.com/apk/res/android">
        <data>
            <variable name="data" type="org.salamanca.kotlinframe.bean.WeatherData"/>
        </data>
        <LinearLayout
                android:orientation="vertical"
                android:layout_margin="4dp"
                android:layout_width="match_parent"
                android:layout_height="match_parent">
    
            <TextView android:layout_width="match_parent" android:layout_height="wrap_content"
                      android:text="@{data.location}"
                      android:textSize="18sp" />
            <TextView android:layout_width="match_parent" android:layout_height="wrap_content"
                      android:text="@{data.temperature}" />
            <TextView android:layout_width="match_parent" android:layout_height="wrap_content"
                      android:text="@{data.info}" />
            <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@{data.imageUrl}" />
    
            <Button
                    android:text="改变"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:onClick="changeTemperatureAndImage" />
    
        </LinearLayout>
    </layout>
  

  以上的这些都跟我们的kotlin没什么关系。我们直接来看数据类的定义，以及binding的使用吧。

  data class WeatherData(
        var location: String,
        var temperature: String,
        var info: String,
        var imageUrl: String
    ) : BaseObservable()
  

  这里你可以选择是否要使用data，但是考虑到databinding必须继承BaseObservable。

  然后在我们的activity中只需要通过DataBindingUtil工具，进行布局页面和资源绑定即可。

  val weather = WeatherData(
        "Saint Petersburg",
        "10 °C",
        "Cloudy with rain and possible thunderstorms",
        "http://loremflickr.com/800/600/city")
    
    var counter = 1
    
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        val binding: ActivityDemoBinding =
            DataBindingUtil.setContentView(this, R.layout.activity_demo)
    
        binding.data = weather
    }
    
    fun changeTemperatureAndImage(view: View) {
        ++counter
        weather.temperature = "$counter °C"
        weather.imageUrl = "http://loremflickr.com/800/600/city?random=$counter"
        weather.notifyChange()
    }
  

• livedata，viewmodel

  • 依赖

  dependencies {
        // ViewModel and LiveData
        implementation "android.arch.lifecycle:extensions:1.1.1"
        // alternatively, just ViewModel
        implementation "android.arch.lifecycle:viewmodel:1.1.1"
        // alternatively, just LiveData
        implementation "android.arch.lifecycle:livedata:1.1.1"
    
        annotationProcessor "android.arch.lifecycle:compiler:1.1.1"
    }
  

  compiler是都需要的，其他的我们视情况依赖，虽然一般情况下，两者都是一起出现的。版本号大家可以前往MavenRepository(https://mvnrepository.com/artifact/android.arch.lifecycle/extensions)

  通常的玩法概括下来如下：

  • 针对界面写一个ViewModel

    class DemoViewModel : ViewModel() {   
    }
    

  • ViewModel中包含一个MutableLiveData

    var demoLiveData: MutableLiveData<String> = MutableLiveData()
    

  • 我们可以针对demoLiveData做各种数据变动。

    fun changeIt(value : String){
        demoLiveData.value = value
    }
    

  • 最终我们在Activity或Fragment中做绑定

    viewModel = ViewModelProviders.of(this).get(DemoViewModel::class.java)
    viewModel.demoLiveData.observe(this, Observer {
        tvDemo = it
    })
    

  这样一来，只要我们的demoLiveData的内容发生了任何变化，都会随时的在tvDemo控件上反应出来。

  相比DataBinding来说，会更加的容易调试，通过布局文件绑定数据关系会加大绑定的难度；可以对生命周期进行管理，在销毁的时候进行统一的回收；以及对于开发者来说，更容易接受这种方式来实现数据的双向绑定。