运行时设置ConstraintSet后textViewShopNow未对齐父布局末端

问题原因 #

核心问题有两个：

• textViewShopNow原布局中设置了android:layout_marginHorizontal="@dimen/margin_16dp"，这个水平边距在视图隐藏后依然生效，导致右侧强制保留16dp间隙。
• 手动修改ConstraintSet时，没有清除原有与已Gone视图textViewSubHeading关联的约束，也未处理自带的边距属性，导致约束冲突。

解决方案 #

方案一：修改Runtime ConstraintSet代码（动态场景） #

直接调整ConstraintSet逻辑，清除边距并覆盖旧约束：

textViewSubHeading.isGone = true

val constraintSet = ConstraintSet()
// 克隆当前布局约束，避免丢失其他视图的设置
constraintSet.clone(layoutContent)

// 清除textViewShopNow的左右边距
constraintSet.setMargin(textViewShopNow.id, ConstraintSet.START, 0)
constraintSet.setMargin(textViewShopNow.id, ConstraintSet.END, 0)

// 重新设置约束：对齐ProductTitle底部，同时紧贴父布局末端
constraintSet.connect(textViewShopNow.id, ConstraintSet.BOTTOM, textViewProductTitle.id, ConstraintSet.BOTTOM)
constraintSet.connect(textViewShopNow.id, ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END, 0)

// 移除与已Gone的textViewSubHeading关联的旧约束
constraintSet.clear(textViewShopNow.id, ConstraintSet.BOTTOM)
constraintSet.connect(textViewShopNow.id, ConstraintSet.BOTTOM, textViewProductTitle.id, ConstraintSet.BOTTOM)

constraintSet.applyTo(layoutContent)

方案二：利用ConstraintLayout自带特性（静态场景，推荐） #

无需编写Runtime代码，直接在XML中配置goneMargin即可实现需求：

1. 修改textViewShopNow的边距，仅保留必要的左侧间距（如果需要）。
2. 调整textViewSubHeading的layout_goneMarginEnd为0，确保其隐藏后textViewShopNow自动紧贴父末端。

修改后的XML核心代码：

<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_marginStart="@dimen/margin_16dp"
    app:layout_constraintBottom_toBottomOf="@+id/textViewSubHeading"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="@+id/textViewProductTitle"
    tools:text="@string/shop_now"
    tools:textColor="@color/white" />

<com.google.android.material.textview.MaterialTextView
    android:id="@+id/textViewSubHeading"
    android:layout_width="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="0"
    app:lineHeight="15dp"
    tools:visibility="visible"
    tools:text="@string/home_banner_sub_heading_text"
    tools:textColor="@color/white" />

此时只需一行代码即可完成视图隐藏：

textViewSubHeading.isGone = true

内容的提问来源于stack exchange，提问作者ant2009