让Item里的标题和标签并排显示不那么难

2024-01-13 17:36:23

相信大多数人都遇到过这样的需求：一个Item中的标题后面跟了一个标签，最多只能显示一行，而标签是首先需要展示的，也就是说标签必须展示完全，然后标题尽可能多的展示文字，一行不够的话就用...来代替。好了，让我们来分析一下：

了解问题的根源

要解决这个问题，首先要了解它的根源。在Android中，文本视图（如TextView）有一个属性叫maxLines，它可以限制文本显示的行数。默认情况下，maxLines被设置为1，这意味着文本只能显示一行。

解决方案 1：使用 android:layout_weight

一种解决方法是使用android:layout_weight属性。这允许您指定View的权重，它将决定View相对于其他View占据的相对空间。要实现这种布局，可以将Item的根布局设为LinearLayout，并将android:layout_weight分配给标签和标题的父布局。例如：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1">

        <!-- 标签 -->

    </LinearLayout>

    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2">

        <!-- 标题 -->

    </LinearLayout>

</LinearLayout>

解决方案 2：使用 android:layout_constraintWidth_percent

另一种方法是使用android:layout_constraintWidth_percent属性。这允许您指定View的宽度作为其父View宽度的百分比。使用此方法，您可以将标签的宽度设置为100%，从而确保其始终完全可见。例如：

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

    <TextView
        android:id="@+id/label"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_constraintWidth_percent="1.0"
        <!-- 标签 --></TextView>

    <TextView
        android:id="@+id/title"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        <!-- 标题 --></TextView>

</androidx.constraintlayout.widget.Constraintlayout>