DataBinding + Kotlin 写 MVVM 模式

第一步

首先要在项目build.gradle 文件中最上端添加

apply plugin: 'kotlin-kapt'

在android{} 中添加 Android Studio 4.0.2 ,老版本写法不同

buildFeatures {
        dataBinding = true
}

第二步

1. 修改布局
   布局层级关系如下

<layout>
    <data>
    </data>
    <LinearLayout>
    </LinearLayout>
</layout>

添加一个TexeView控件并绑定数据写法
首先在data标签写一个属性标签<variable> name属性是变量名称,type是变量类型可以是自己定义的类

    <data>
        <variable
            name="name"
            type="String" />
    </data>
    <LinearLayout>
        ...
        <TextView
            android:id="@+id/tv_item_image_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@{name}" />
        ...
    </LinearLayout>

在页面中赋值操作

DataBindingUtil.setContentView<ActivityMainBindingImpl>(this, R.layout.activity_main)
            .apply {
                name = "Hello Kotlin DataBinding"
            }

单项绑定写法@{name} 双向绑定写法@={name} 多用于EditText控件中

大括号中可以写表达式例如三目运算 name != null ? name : ``
注意大括号中的中文要用 如下引号才会生效

 `` 

同理variable中可以指定基本类型和自己的封装类,一样可以用Android SDK 中的封装类如android.view.View.OnClickListener

        <variable
            name="click"
            type="android.view.View.OnClickListener" />

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="@{click}"
            android:text="重新赋值" />

DataBindingUtil.setContentView<ActivityMainBindingImpl>(this, R.layout.activity_main)
            .apply {
                changeName = View.OnClickListener {
                    name = "Hello Kotlin DataBinding - OnClickListener "
                } 
            }

执行完点击事件会给页面TextView 控件重新赋值并显示

RecyclerView 的写法

        <variable
            name="adapter"
            type="com.xxx.XXXAdapter" />

        <androidx.recyclerview.widget.RecyclerView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:adapter="@{adapter}"
            app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
            tools:itemCount="6"
            tools:listitem="@layout/list_item" />

页面赋值同普通的字段一样xml中写法也跟普通xml中一样

XXXAdapter 中写法

class XXXAdapter(var homes: List<Home>) :
    RecyclerView.Adapter<XXXAdapter.HomeViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): HomeViewHolder {
        return HomeViewHolder(
            ListItemBinding.inflate(
                LayoutInflater.from(parent.context), parent,false
        )
    }

    override fun getItemCount(): Int {
        return homes.size
    }

    override fun onBindViewHolder(holder: HomeViewHolder, position: Int) {
        holder.bind(homes[position])
    }


    class HomeViewHolder(var viewDataBinding: ListItemBinding) :
        ViewHolder(viewDataBinding.root) {
        fun bind(home: Home) {
            viewDataBinding.home = home
            viewDataBinding.executePendingBindings()
        }
    }

}

重点如下

override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): HomeViewHolder {
        return HomeViewHolder(
            ListItemBinding.inflate(
                LayoutInflater.from(parent.context), parent,false
        )
    }

高级

一定要写如下配置

apply plugin: 'kotlin-kapt'

@BindingAdapter
@BindingConversion

在平常开发中经常会用到给ImageView设置网络图片

        <ImageView
            loadImageUrl='@{imageUrl}'
            android:layout_width="60dp"
            android:layout_height="60dp" />

在任意类中添加如下代码,方法上添加@BindingAdapter注解,方法名任意都可以,在xml布局文件中如果引用了loadImageUrl属性进行赋值都会进入该方法,就可以在该方法进行网络加载图片

@BindingAdapter("loadImageUrl")
fun loadImageUrl(imageView: ImageView, loadImageUrl: String) {
    Log.d("loadImageUrl", loadImageUrl)
}

同上BindingConversion注解的方法在xml中@{String}大括号内如果添加的是String类型都会经过该方法String 可以是Int等其他任意类型

@BindingConversion
fun conversionString(text: String?): String? {
    return "$text-conversionString"
}