在运行时设置约束集未与父级的末端正确对齐

Question

我在 xml 中有以下代码片段。它只是显示 3 种不同的视图。但在运行时我想改变对齐方式。但是，textviewShopNow 应在父端对齐。但似乎还有差距。我似乎找不到解决方案。 该片段包含在以下层次结构中

<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/layoutContent"
    android:layout_width="match_parent"
    android:layout_height="@dimen/home_banner_without_promo_height"
    android:layout_marginBottom="@dimen/margin_12dp"> 

其他观点请看这里

<com.google.android.material.textview.MaterialTextView
    android:id="@+id/textViewProductTitle"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/margin_16dp"
    android:includeFontPadding="false"
    android:lineSpacingExtra="@dimen/home_banner_promo_line_spacing_extra_product_title"
    android:textSize="@dimen/home_banner_product_title_text_size"
    app:fontFamily="@font/central_sang_bleu_medium"
    app:layout_constraintBottom_toTopOf="@+id/textViewSubHeading"
    app:layout_constraintStart_toStartOf="parent"
    app:textAllCaps="true"
    tools:text="ESTEE LAUDER"
    tools:textColor="@color/white" />

<com.google.android.material.textview.MaterialTextView
    android:id="@+id/textViewShopNow"
    style="@style/HeroBannerIButtonText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingBottom="@dimen/margin_8dp"
    android:layout_marginHorizontal="@dimen/margin_16dp"
    app:layout_constraintBottom_toBottomOf="@+id/textViewSubHeading"
    app:layout_constraintEnd_toEndOf="parent"
    tools:text="@string/shop_now"
    tools:textColor="@color/white" />

<com.google.android.material.textview.MaterialTextView
    android:id="@+id/textViewSubHeading"
    android:layout_width="@dimen/margin_0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="@dimen/margin_16dp"
    android:layout_marginBottom="@dimen/margin_18dp"
    android:textSize="@dimen/home_banner_sub_heading_text_size"
    android:textStyle="bold"
    app:fontFamily="@font/cpn_regular"
    app:layout_constraintBottom_toTopOf="@id/promoCarousel"
    app:layout_constraintEnd_toStartOf="@+id/textViewShopNow"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_goneMarginEnd="@dimen/margin_16dp"
    app:lineHeight="15dp"
    tools:visibility="visible"
    tools:text="@string/home_banner_sub_heading_text"
    tools:textColor="@color/white" />

在我的代码中，我设置约束集如下：

        textViewSubHeading.isGone = true

        val constraintSet = ConstraintSet()
        constraintSet.connect(textViewShopNow.id, ConstraintSet.START, textViewProductTitle.id, ConstraintSet.END, 4)
        constraintSet.connect(textViewShopNow.id, ConstraintSet.BOTTOM, textViewProductTitle.id, ConstraintSet.BOTTOM)
        constraintSet.connect(textViewShopNow.id, ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END, 0)
        constraintSet.constrainHeight(textViewShopNow.id, ConstraintSet.WRAP_CONTENT)
        constraintSet.constrainWidth(textViewShopNow.id, ConstraintSet.WRAP_CONTENT)

        constraintSet.applyTo(layoutContent)
        layoutContent.requestLayout()

如下图所示。 WebLink 是 textViewShopNow，但它与父级的 End 不对齐。

Answer 1

您应该首先克隆

layoutContent

的约束，然后向该集合应用附加约束。 另外，requestLayout 应该不是必需的。

最终结果将是：

val constraintSet = ConstraintSet()
constraintSet.clone(layoutContent)
constraintSet.connect(textViewShopNow.id, ConstraintSet.START, textViewProductTitle.id, ConstraintSet.END, 4)
constraintSet.connect(textViewShopNow.id, ConstraintSet.BOTTOM, textViewProductTitle.id, ConstraintSet.BOTTOM)
constraintSet.connect(textViewShopNow.id, ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END, 0)
constraintSet.connect(textViewProductTitle.id, ConstraintSet.END, textViewShopNow.id, ConstraintSet.START, 0)
constraintSet.constrainHeight(textViewShopNow.id, ConstraintSet.WRAP_CONTENT)
constraintSet.constrainWidth(textViewShopNow.id, ConstraintSet.WRAP_CONTENT)
constraintSet.applyTo(layoutContent)