DataBinding学习

2022-10-09 12:29:19 浏览数 (1)

theme: condensed-night-purple

可观察性是指一个对象将其数据变化告知其他对象的能力。通过数据绑定库,您可以让对象、字段或集合变为可观察,在其数据发生更改时通知其他对象。

当其中一个可观察数据对象绑定到界面并且该数据对象的属性发生更改时,界面会自动更新。

该插件可用于访问布局变量和视图的绑定类,绑定类的名称和包可以自定义。所有生成的绑定类都是从 ViewDataBinding 类继承而来的。

默认情况下,类名称基于布局文件的名称布局文件名称根据驼峰式命名并在末尾添加 Binding 后缀。比如 activity_main.xml,生成的布局绑定类为 ActivityMainBinding

使用

之前我们创建布局是使用的LayoutInflater进行inflate进行创建的,现在通过布局绑定类的infalte方法创建:

代码语言:javascript复制
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        val binding: MyLayoutBinding = MyLayoutBinding.inflate(layoutInflater)

        setContentView(binding.root)
    }

binding.root指的是根布局,

也可指定LayoutInflater和viewgroup进行创建

代码语言:javascript复制
    val binding: MyLayoutBinding = MyLayoutBinding.inflate(getLayoutInflater(), viewGroup, false)

当布局绑定类还未生成或者不知道该布局文件名称时,手动创建View接着调用DataBingingUtil的bind方法传入view也可以。

代码语言:javascript复制
    val viewRoot = LayoutInflater.from(this).inflate(layoutId, parent, attachToParent)
    val binding: ViewDataBinding? = DataBindingUtil.bind(viewRoot)

如何查找布局

以往传统布局通过findViewById传入R.id.具体名称查找,但是现在布局文件中的id字段被扩展为了布局绑定类中的变量,通过访问该变量就可以操作View。

数据绑定的数据

在xml中定义数据实体Bean,通过data标签定义变量名称和类型,即可在xml中利用简单的布局表达式填充内容。

那么数据如何传入进去呢?

代码语言:javascript复制
<data>
       <import type="android.graphics.drawable.Drawable"/>
       <variable name="user" type="com.example.User"/>
       <variable name="image" type="Drawable"/>
       <variable name="note" type="String"/>
    </data>

import为导入类,只有导入的类才可在xml中使用,很常见的一种情况通过数据的某个字段来判断是否显示,这个时候需要引用View的Gone和Visible。

其余的variable即传入的数据,type为对应类型。

代码语言:javascript复制
 <TextView 
       android:layout_width="wrap_content"
      android:layout_height="wrap_content"
       android:text="@{user.firstName}"
      android:id="@ id/firstName"
 />
 <TextView android:layout_width="wrap_content"
      android:layout_height="wrap_content"
        android:text="@{user.lastName}"
      android:id="@ id/lastName"
/>

通过@变量名加.调用方法来访问属性,查看TextView的text属性就是通过数据直接绑定视图的,目前我们也有在用,很方便觉得好的地方在于不用去findViewById手动拿View进行属性设置了。

0 人点赞