如何调整ConstraintLayout中TextView宽度以适配动态文本？

要实现TextView宽度随文本自适应并带动右侧按钮偏移，需调整布局的宽度属性与约束关系，具体修改如下：

核心修改点 #

• 中间TextView（id:text）：

  • 将android:layout_width从0dp改为wrap_content，让宽度跟随文本内容自适应
  • 添加android:singleLine="true"（或android:maxLines="1"），禁止文本换行，强制横向扩展
  • 添加app:layout_constraintEnd_toStartOf="@id/btn"，与右侧按钮建立约束，确保按钮跟随TextView移动
  • 可选添加android:ellipsize="none"，避免文本过长时显示省略号（如需省略可改为end）

• 右侧Button（id:btn）：

  • 将app:layout_constraintStart_toEndOf="@id/label"改为app:layout_constraintStart_toEndOf="@id/text"，让按钮的起始位置绑定到中间TextView的末尾

修改后的完整布局代码 #

<TextView
    android:id="@+id/label"
    android:layout_width="0dp"
    android:layout_height="35dp"
    android:layout_marginStart="24dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="24dp"
    android:fontFamily="@font/hevetica_font"
    android:gravity="center_vertical"
    android:paddingStart="4dp"
    android:paddingEnd="4dp"
    android:text="@string/lbl"
    android:textColor="@color/FlatWhite"
    android:textSize="19sp"
    android:textStyle="bold"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/topView" />

<TextView
    android:id="@+id/text"
    android:layout_width="wrap_content"
    android:layout_height="35dp"
    android:layout_marginStart="24dp"
    android:layout_marginTop="8dp"
    android:layout_marginEnd="24dp"
    android:fontFamily="@font/hevetica_font"
    android:gravity="center_vertical"
    android:paddingStart="4dp"
    android:paddingEnd="4dp"
    android:text=""
    android:textColor="@color/FlatWhite"
    android:textSize="19sp"
    android:textStyle="bold"
    android:singleLine="true"
    android:ellipsize="none"
    app:layout_constraintStart_toEndOf="@id/label"
    app:layout_constraintEnd_toStartOf="@id/btn"
    app:layout_constraintTop_toBottomOf="@id/topView" />

<Button
    android:id="@+id/btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="24dp"
    android:text="change"
    app:layout_constraintStart_toEndOf="@id/text"
    app:layout_constraintTop_toBottomOf="@id/topView" />

说明 #

• 中间TextView通过wrap_content自适应文本宽度，singleLine强制不换行，确保文本横向扩展而非折行
• 按钮与TextView的双向约束，保证TextView宽度变化时，按钮自动跟随偏移
• Java代码无需修改，仍通过textView.setText(text);更新文本即可

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