如何在自定义视图上使用视图绑定

Question

View Binding 作为 Android Jetpack 的一部分发布

文档：https://developer.android.com/topic/libraries/view-binding

我的问题是，如何将视图绑定与自定义视图一起使用。 Google 文档只有展示的 Activity 和 Fragment。

我试过了，但什么也没显示。

LayoutInflater inflater = LayoutInflater.from(getContext());

然后，我使用了这个，但又一次，没有运气。

LayoutInflater inflater = (LayoutInflater)
            getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);

我想也许我没有针对我的视图选择正确的布局充气器，但不确定。

Answer 1

只需通知根，以及是否要附加到它

init { // inflate binding and add as view
    binding = ResultProfileBinding.inflate(LayoutInflater.from(context), this)
}

Answer 2

您可以立即初始化视图绑定属性

private val binding = CustomViewBinding.inflate(LayoutInflater.from(context), this)

Answer 3

这是我能想到的最简单的 kotlin 答案。它是一个自定义视图，只包装了一个 TextView，并提供了一个 update(s:String) 函数来更新文本。

<!-- view_stub.xml -->
<layout xmlns:android="http://schemas.android.com/apk/res/android">
    <TextView android:id="@+id/myTextView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" />
</layout>

// StubView.kt
class StubView @JvmOverloads constructor(
        context: Context,
        attrs: AttributeSet? = null,
        defStyleAttr: Int = 0
) : FrameLayout(context,attrs,defStyleAttr) {

    val binding = ViewStubBinding.inflate(context.getSystemService(Context.LAYOUT_INFLATER_SERVICE) as LayoutInflater)
            .also { addView(it.root) }

    fun update(updatedText: String) {
        binding.myTextView.text = updatedText
    }
}

我喜欢这个答案的两点是：

1. binding 是 val 而不是 var。我尽量限制vars的数量。
2. addView 与 val binding 密切相关，使用 also {} 范围函数而不是 init {} 子句，使 View 的实例化感觉更具声明性。

有人可能会争辩说addView() 确实是一种副作用，应该在init {} 部分中，以便它与binding val 的声明分开。我会反对——声明一个val，然后将它提供给需要它的代码段，这对我来说并不像副作用。

Answer 4

要使用视图绑定，你需要使用生成的绑定类而不是LayoutInflater，例如，如果布局名称是result_profile.xml，那么你需要使用ResultProfileBinding作为：

class CustomView @kotlin.jvm.JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : FrameLayout(context, attrs, defStyleAttr) {

    private lateinit var binding: ResultProfileBinding

    init { // inflate binding and add as view
        binding = ResultProfileBinding.inflate(LayoutInflater.from(context))
        addView(binding.root)
    }

}

1. 自动生成的类：result_profile.xml -> ResultProfileBinding（布局名称，附加Binding）

2. 给绑定充气

   ResultProfileBinding.inflate(LayoutInflater.from(context))
   

3. 使用addView 将层次结构中的视图添加为：

   addView(binding.root)
   

注意：如果您是从ConstraintLayout（是父类）扩展而来，那么使用constraint set

Answer 5

如果您尝试将视图绑定与根视图一起使用，这对我有用：

class CustomView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : ConstraintLayout(context, attrs, defStyleAttr) {

    private lateinit var binding: CustomViewBinding

    override fun onFinishInflate() {
        super.onFinishInflate()
        binding = CustomViewBinding.bind(this)
    }
}