ConstraintLayout Ratio绑定具有宽度但不具有高度

Question

我试图使用数据绑定动态设置2 ImageViews的比率。如果标志为真，则第二个ImageView的（B）可见性设置为消失，第一个（A）应以16:9格式显示并展开以填充父级的宽度。如果两个视图都应该是可见的，那么它们应该是1:1并且并排显示。

问题是左图像视图A从不显示。使用布局检查器，我可以验证它是否存在并且具有宽度，但它没有高度。

我错过了什么吗？ B按预期显示。如果我在A上手动设置比率，它会正确显示。

我的绑定看起来像这样：

@BindingAdapter("imageRatio")
fun setConstraintRatio(view: ImageView, ratio: String) {
    val constraintLayout = view.parent as ConstraintLayout
    val constraintSet = ConstraintSet()
    constraintSet.clone(constraintLayout)
    constraintSet.setDimensionRatio(view.id, ratio)
    constraintLayout.setConstraintSet(constraintSet)
}

格式化：

val dimensionRatio: String
    get() {
        return if (showB) "1:1"
        else "H,16:9"
    }

我的布局看起来像这样：

<ImageView
        android:id="@+id/card_image_a"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp" android:scaleType="centerCrop"
        app:imageRatio="@{formatter.dimensionRatio}"
        app:layout_constraintEnd_toStartOf="@id/card_image_b"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/divider"
        android:visibility="visible" />

    <ImageView
        android:id="@+id/card_image_b"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="16dp"
        android:scaleType="centerCrop"
        app:imageRatio="@{formatter.dimensionRatio}"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@id/card_image_a"
        app:layout_constraintTop_toBottomOf="@id/divider"
        app:visibleOrGone="@{formatter.showImageB}"
        tools:visibility="visible" />

Answer 1

经过一些测试，我意识到你的布局已经布局了，你应该使用constraintSet.applyTo(constraintLayout)，如下所示：

@BindingAdapter("imageRatio")
fun setConstraintRatio(view: ImageView, ratio: String) {
    val constraintLayout = view.parent as ConstraintLayout
    val constraintSet = ConstraintSet()
    constraintSet.clone(constraintLayout)
    constraintSet.setDimensionRatio(view.id, ratio)
    constraintSet.applyTo(constraintLayout)
}

另外，我一直把DimensionRatio指示信作为小写（可能是后来发现的另一个问题）。所以，以防万一，更改您的格式化程序：

val dimensionRatio: String
    get() {
        return if (showB) "1:1"
        else "h,16:9"
    }

希望这能解决问题！