如何通过DataBinding动态设置@id/view_name实现布局约束动态调整？

我有一个TextView，希望根据其他视图动态调整其位置。示例布局如下：

<androidx.appcompat.widget.AppCompatTextView
    android:id="@+id/tv"
    ...
    app:layout_constraintBottom_toTopOf="@id/btn_to_follow"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"/>

我拥有btn_to_follow、btn_to_follow2、btn_to_follow3三个按钮，想要动态切换TextView的app:layout_constraintBottom_toTopOf属性的目标id。

我已定义状态数据类：

data class ButtonState(type: String){
    val followPosition = R.id.btn_to_follow
}

并尝试通过DataBinding绑定该字段：

<androidx.appcompat.widget.AppCompatTextView
    android:id="@+id/tv"
    ...
    app:layout_constraintBottom_toTopOf="@{vm.followPosition}"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"/>

但直接使用R.id.xxx整型值进行绑定并未生效，请问该如何实现预期需求？

方法一：自定义BindingAdapter #

DataBinding无法直接绑定ConstraintLayout的约束ID，需自定义BindingAdapter处理约束动态更新：

1. 编写BindingAdapter工具类：

object ConstraintBindingAdapters {
    @BindingAdapter("constraintBottomToTopOf")
    @JvmStatic
    fun setConstraintBottomToTopOf(view: View, targetId: Int) {
        val layoutParams = view.layoutParams as? ConstraintLayout.LayoutParams ?: return
        // 清除原有约束
        layoutParams.bottomToTop = ConstraintLayout.LayoutParams.UNSET
        // 设置新约束目标
        layoutParams.bottomToTop = targetId
        view.layoutParams = layoutParams
        // 触发布局刷新
        (view.parent as? ConstraintLayout)?.requestLayout()
    }
}

2. 布局中使用自定义属性替代原生约束属性：

<androidx.appcompat.widget.AppCompatTextView
    android:id="@+id/tv"
    ...
    app:constraintBottomToTopOf="@{vm.followPosition}"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintEnd_toEndOf="parent"/>

3. 修正状态数据类，使其根据type动态返回对应按钮ID：

data class ButtonState(val type: String){
    val followPosition: Int
        get() = when(type) {
            "type1" -> R.id.btn_to_follow
            "type2" -> R.id.btn_to_follow2
            "type3" -> R.id.btn_to_follow3
            else -> R.id.btn_to_follow
        }
}

方法二：通过ConstraintSet直接修改约束 #

如果不想使用BindingAdapter，可在代码中直接操作ConstraintSet实现动态切换：

1. 在Activity/Fragment中获取父布局和ConstraintSet实例：

val constraintLayout = findViewById<ConstraintLayout>(R.id.parent_constraint_layout)
val constraintSet = ConstraintSet().apply { clone(constraintLayout) }

2. 编写更新约束的方法：

fun updateTextViewConstraint(targetId: Int) {
    constraintSet.connect(
        R.id.tv,
        ConstraintSet.BOTTOM,
        targetId,
        ConstraintSet.TOP
    )
    constraintSet.applyTo(constraintLayout)
}

3. 监听ViewModel状态变化并调用更新方法：

vm.buttonState.observe(this) { state ->
    updateTextViewConstraint(state.followPosition)
}

内容的提问来源于stack exchange，提问作者c-an