Android布局问题：TextView重叠、右侧文本适配及控件拉伸异常求助

我来帮你搞定这个布局问题！你现在遇到的情况是因为给左侧label设置了layout_width="wrap_content"加上layout_weight="1"，这种组合会让LinearLayout错误地计算label的宽度——它会把剩余空间按权重分配后再加上文本自身的宽度，导致label被过度拉伸，文本过长时还会和右侧的readed重叠。

下面给你两种靠谱的解决方案，按需选择：

方案一：用ConstraintLayout（推荐，更灵活） #

ConstraintLayout能更精准地控制控件位置，完美实现你要的效果：左侧label靠左，右侧readed靠右，label文本过长时自动压缩（或换行），保证readed始终完整显示。

代码示例：

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

    <TextView
        android:id="@+id/label"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:fontFamily="@font/montserrat"
        android:text="1"
        android:textColor="@color/colorText"
        android:textSize="20sp"
        android:singleLine="true"
        android:ellipsize="end" <!-- 文本过长时显示省略号，不需要的话可以去掉，改成maxLines=2之类的 -->
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toStartOf="@+id/readed"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintHorizontal_bias="0" /> <!-- 文本左对齐 -->

    <TextView
        android:id="@+id/readed"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        android:background="@drawable/back_new"
        android:fontFamily="@font/montserrat"
        android:gravity="center"
        android:keepScreenOn="true"
        android:paddingHorizontal="5dp"
        android:paddingVertical="3dp"
        android:singleLine="true"
        android:text="554"
        android:textColor="@color/colorWhite"
        android:textSize="18sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toTopOf="@+id/label"
        app:layout_constraintBottom_toBottomOf="@+id/label" />

</androidx.constraintlayout.widget.ConstraintLayout>

这里的关键是给label设置layout_width="0dp"（匹配约束），让它占据左侧到readed之间的所有空间，同时用ellipsize="end"处理过长文本，保证不会和右侧重叠。

方案二：调整现有LinearLayout（简单直接） #

如果你不想换布局，只需要修改两个属性就能解决问题：

1. 把label的layout_width从wrap_content改成0dp
2. 给label加上android:ellipsize="end"（可选，处理文本过长的情况）

修改后的代码：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginLeft="12dp"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" <!-- 这里改成wrap_content，之前的match_parent没必要 -->
        android:baselineAligned="true"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/label"
            android:layout_width="0dp" <!-- 关键修改 -->
            android:layout_height="wrap_content"
            android:layout_alignWithParentIfMissing="true"
            android:layout_weight="1"
            android:fontFamily="@font/montserrat"
            android:singleLine="true"
            android:ellipsize="end" <!-- 新增，处理长文本 -->
            android:text="1"
            android:textColor="@color/colorText"
            android:textSize="20sp" />

        <TextView
            android:id="@+id/readed"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_gravity="center_vertical"
            android:layout_marginStart="10dp"
            android:background="@drawable/back_new"
            android:fontFamily="@font/montserrat"
            android:gravity="center"
            android:keepScreenOn="true"
            android:paddingHorizontal="5dp"
            android:paddingVertical="3dp"
            android:singleLine="true"
            android:text="554"
            android:textColor="@color/colorWhite"
            android:textSize="18sp" />

    </LinearLayout>
</LinearLayout>

这样修改后，label会自动占据除了readed之外的所有水平空间，文本短的时候内容左对齐（不会被拉伸），文本过长时会显示省略号，不会和右侧的readed重叠。

两种方案都能实现你的期望效果，ConstraintLayout更适合后续扩展布局，LinearLayout则更简单直接～

内容的提问来源于stack exchange，提问作者Михаил Карлов