亲宝软件园·资讯

展开

Android视图绑定方法深入探究

change_fate 人气:0

视图绑定

用于替代findViewById的方式获取id元素, google推荐使用

原理

启用视图绑定之后,系统会为该模块中的每个 XML 布局文件生成一个绑定类。绑定类的实例包含对在相应布局中具有 ID 的所有视图的直接引用。

优点(相比于findViewById)

这些差异意味着布局和代码之间的不兼容将会导致构建在编译时(而非运行时)失败。

与数据绑定的对比

视图绑定和数据绑定均会生成可用于直接引用视图的绑定类。但是,视图绑定旨在处理更简单的用例,与数据绑定相比,具有以下优势:

更快的编译速度:视图绑定不需要处理注释,因此编译时间更短。

易于使用:视图绑定不需要特别标记的 XML 布局文件,因此在应用中采用速度更快。在模块中启用视图绑定后,它会自动应用于该模块的所有布局。

反过来,与数据绑定相比,视图绑定也具有以下限制:

视图绑定不支持布局变量或布局表达式,因此不能用于直接在 XML 布局文件中声明动态界面内容。

视图绑定不支持双向数据绑定。

考虑到这些因素,在某些情况下,最好在项目中同时使用视图绑定和数据绑定。您可以在需要高级功能的布局中使用数据绑定,而在不需要高级功能的布局中使用视图绑定。

使用视图绑定

添加元素到build.gradle文件中

android {
    ...
    viewBinding {
        enabled = true
    }
}

如果您希望在生成绑定类时忽略某个布局文件,请将 tools:viewBindingIgnore=“true” 属性添加到相应布局文件的根视图中:

<LinearLayout
    ...
    tools:viewBindingIgnore="true" >
    ...
</LinearLayout>

使用

模块视图绑定后,系统为XML布局文件生成绑定类 – 类名为XML文件名转大驼峰, 末尾加Binding一词

如result_profile.xml ==> 绑定类为ResultProfileBinding

<LinearLayout ... >
    <TextView android:id="@+id/name" />
    <ImageView android:cropToPadding="true" />
    <Button android:id="@+id/button"
        android:background="@drawable/rounded_button" />
</LinearLayout>

绑定类 ResultProfileBinding 具有字段:name(TextView) 和 button(Button)。 该布局没有ImageView的ID,不存在对它的引用

每个绑定类有一个getRoot()方法, 为相应布局根视图提供引用,如上绑定类的getRoot()返回LinearLayout根视图

在Activity中使用视图绑定

如果需要设置绑定类实例在Activity中使用,需要在Activity的onCreate()中执行:

(1). 调用生成绑定类中包含静态inflate()方法, 会创建绑定类实例供Activity使用

(2). 通过getRoot() 方法或使用 Kotlin语法获取根视图

(3). 将根视图传递到setContentView(), 使成为屏幕上的活动视图

    private lateinit var binding: ResultProfileBinding
    override fun onCreate(savedInstanceState: Bundle) {
        super.onCreate(savedInstanceState)
        binding = ResultProfileBinding.inflate(layoutInflater)
        val view = binding.root
        setContentView(view)
    }

可以使用该绑定类的实例引用视图

    binding.name.text = viewModel.name
    binding.button.setOnClickListener { viewModel.userClicked() }

在Fragment中使用视图绑定

在Fragment中的onCreateView()方法中执行以下步骤

(1) 调用生成的绑定类包含的inflate() 方法, 此操作会创建绑定类实例供Fragment使用

(2) 调用getRoot()方法或 bingClass.root 获取根视图引用

(3) 从onCreateView()方法返回根视图,使其成为屏幕活动视图 inflate() 方法会要求您传入布局膨胀器。如果布局已膨胀,您可以调用绑定类的静态 bind() 方法。

private var _binding: ResultProfileBinding? = null
override fun onCreateView(
  inflater: LayoutInflater,
  container: ViewGroup?,
  savedInstanceState: Bundle?
): View? {
  _binding = ResultProfileBinding.inflate(inflater, container, false)
  val view = bing.root
  return view
}
override fun on DestroyView() {
  super.onDestroyView()
  _binding = null
}

binding.name.text = viewModel.name

加载全部内容

相关教程
猜你喜欢
用户评论