ConstraintLayout中标题居中且不与右侧按钮重叠的实现方案

嘿，这个布局问题我之前也遇到过！用ConstraintLayout就能轻松搞定，既能保持标题居中、关闭按钮固定在右侧，又能避免长标题和按钮重叠，具体方案如下：

核心思路 #

你原来的代码里，标题同时约束了父布局的start和end，导致长标题会直接延伸到关闭按钮的位置。我们需要给标题设置一个右侧边界限制，让它在关闭按钮左侧就停止，同时保持文本居中显示。

修改后的完整代码 #

<androidx.constraintlayout.widget.ConstraintLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content">

    <TextView
        android:id="@+id/dialog_title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:maxLines="1"
        android:ellipsize="end"
        android:text="这是一段非常长的标题，在原来的布局里会和关闭按钮重叠"
        android:gravity="center"
        app:layout_constrainedWidth="true"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/close_btn"
        android:layout_marginEnd="8dp"/>

    <TextView
        android:id="@+id/close_btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="关闭"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        android:layout_marginEnd="8dp"/>

</androidx.constraintlayout.widget.ConstraintLayout>

关键修改点说明 #

• 将标题宽度设为0dp：这是ConstraintLayout的match_constraint模式，让标题的宽度由左右约束决定，而不是内容长度。
• 添加layout_constrainedWidth="true"：强制标题遵守右侧的约束边界，即使文本过长也不会突破到关闭按钮区域。
• 调整标题的右侧约束：把原来的constraintEnd_toEndOf="parent"改成constraintEnd_toStartOf="@+id/close_btn"，让标题的右边缘对齐关闭按钮的左边缘，同时用marginEnd保持两者的间距。
• 设置标题文本居中：android:gravity="center"让标题文本在自己的宽度范围内居中显示，视觉上依然保持居中效果，同时不会和关闭按钮重叠。

这样调整后，短标题会正常居中显示，长标题会自动在关闭按钮左侧截断并显示省略号，完美解决重叠问题！

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