Kotlin Common篇之三 DataBinding&livedata&viewmodel

首发于公众号: 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来说，会更加的容易调试，通过布局文件绑定数据关系会加大绑定的难度；可以对生命周期进行管理，在销毁的时候进行统一的回收；以及对于开发者来说，更容易接受这种方式来实现数据的双向绑定。

最后编辑于：2019.05.23 16:23:28