Android ConstraintLayout：让右侧View保持在父布局边界内

我明白你的困扰——第一个TextView内容变长时，直接把右边的TextView挤到父布局外面去了对吧？别担心，咱们通过调整几个约束属性就能轻松解决这个问题，让第二个TextView稳稳待在父布局边界内。

核心思路是限制第一个TextView的宽度扩张范围，同时给第二个TextView固定好右侧约束，具体步骤和代码如下：

关键调整点 #

• 给第一个TextView设置app:layout_constrainedWidth="true"，这个属性会让它的宽度被约束在父布局和相邻控件的范围内，不会无限“膨胀”。
• 把第一个TextView的宽度设为0dp（也就是match_constraint），配合左右约束（左贴父布局，右贴第二个TextView），让它在可用空间内自适应宽度。
• 给第二个TextView设置右侧约束贴紧父布局右边，确保它永远不会被挤出边界。

完整示例代码 #

<android.support.constraint.ConstraintLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <!-- 第一个TextView：左上角，宽度受约束，不会无限扩张 -->
    <TextView
        android:id="@+id/tv_first"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="这是一段可能会变得很长很长的文本内容，用来测试宽度约束效果"
        app:layout_constrainedWidth="true"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/tv_second"
        android:layout_marginLeft="8dp"
        android:ellipsize="end"
        android:singleLine="true"/>

    <!-- 第二个TextView：紧贴第一个右侧，始终靠父布局右边，不会被挤出 -->
    <TextView
        android:id="@+id/tv_second"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="固定文本"
        app:layout_constraintLeft_toRightOf="@+id/tv_first"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        android:layout_marginLeft="8dp"
        android:layout_marginRight="8dp"/>

</android.support.constraint.ConstraintLayout>

额外说明 #

• 如果你希望第一个TextView单行显示并省略多余内容，可以保留android:singleLine="true"和android:ellipsize="end"；如果允许换行，去掉这两个属性就行，第一个TextView会自动换行，不会挤走第二个。
• app:layout_constrainedWidth="true"是ConstraintLayout特有的属性，专门用来解决这种控件宽度不受约束的问题，非常实用。

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