如何实现带Drawable的TextView与普通TextView的自适应布局？

嘿，这个布局需求我太熟了！用ConstraintLayout就能精准实现你要的所有效果，不用复杂的自定义View，直接靠布局约束就能搞定。下面给你一步步拆解实现思路和完整代码：

咱们需要的是动态自适应的水平布局，既要支持短内容贴靠两侧、长内容自动换行，又要在两者都长时均分空间。ConstraintLayout的水平链+宽度约束+权重组合刚好能满足这些场景。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.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"
    android:padding="16dp">

    <!-- 左侧带标题的普通TextView -->
    <TextView
        android:id="@+id/tv_left"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="左侧标题文本"
        android:textSize="16sp"
        android:maxLines="Integer.MAX_VALUE"
        android:ellipsize="none"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@+id/tv_right"
        app:layout_constraintHorizontal_chainStyle="packed"
        app:layout_constraintWidth_default="wrap"
        app:layout_constraintHorizontal_weight="1" />

    <!-- 左侧带Drawable的TextView -->
    <TextView
        android:id="@+id/tv_right"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:text="右侧带图标文本"
        android:textSize="16sp"
        android:maxLines="Integer.MAX_VALUE"
        android:ellipsize="none"
        android:drawableLeft="@drawable/your_drawable_icon"
        android:drawablePadding="8dp"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintLeft_toRightOf="@+id/tv_left"
        app:layout_constraintWidth_default="wrap"
        app:layout_constraintHorizontal_weight="1" />

</androidx.constraintlayout.widget.ConstraintLayout>

我给你划几个重点，这些属性是实现需求的核心：

• app:layout_constraintHorizontal_chainStyle="packed"：让两个TextView默认紧密贴靠在一起，避免短内容时中间出现空隙
• app:layout_constraintWidth_default="wrap"：告诉View优先用wrap_content宽度，只有当内容超过权重分配的空间时，才会自动换行并占据权重对应的宽度
• app:layout_constraintHorizontal_weight="1"：当两个TextView内容都很长时，它们会均分父布局的可用宽度，各自在自己的区域内换行
• android:maxLines="Integer.MAX_VALUE" + android:ellipsize="none"：确保文本过长时自动换行，而不是截断显示省略号
• 两个TextView的左右约束互相连接，同时分别贴紧父布局的左右边缘，形成完整的水平链

这个布局能完美覆盖你提到的所有场景：

• 左短右短：两个TextView都用wrap_content宽度，分别贴靠父布局左右边缘，中间紧密贴在一起
• 左长右短：左侧TextView自动换行，宽度贴合右侧TextView的左边缘，右侧保持wrap_content贴父布局右
• 左短右长：右侧TextView自动换行，宽度贴合左侧TextView的右边缘，左侧保持wrap_content贴父布局左
• 都长：两者均分父布局宽度，各自在自己的区域内换行，完全不会超出父视图范围

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