如何实现RecyclerView行内元素对齐及TextView自适应换行

我将布局拆分为三个TextView，分别显示第一个日期、破折号、第二个日期，希望每行对应元素精准对齐——所有破折号完全上下对齐，示例如下：

first date     - second date
Longer example - Longer second date

我尝试过使用Guide Lines，但小屏手机效果不佳；也通过代码适配屏幕，效果仍不理想；还使用过TableRow，未达到预期。请问可行解决方案是什么？另外，当第二个日期的TextView在右侧无法容纳时，能否实现自动换行？

以下是我的recycler_item布局代码：

<?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:id="@+id/constraint_layout_1">

    <TextView
        android:id="@+id/tv_my_assignments_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingVertical="4dp"
        android:text="Monday 17"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/gl_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.47" />

    <TextView
        android:id="@+id/tv_my_assignments_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingVertical="4dp"
        android:text=" - "
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
        app:layout_constraintEnd_toEndOf="@id/gl_2"
        app:layout_constraintStart_toEndOf="@+id/gl_1"
        app:layout_constraintTop_toTopOf="parent" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/gl_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.49" />

    <TextView
        android:id="@+id/tv_my_assignments_3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:paddingVertical="4dp"
        android:text="Tuesday 18 okt 2022"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
        app:layout_constraintStart_toEndOf="@+id/gl_2"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

（错误效果示意图：）

方案一：优化ConstraintLayout约束（推荐） #

核心思路是让破折号固定在水平位置，第一个日期TextView右对齐到破折号左侧，第二个日期TextView占据剩余空间并自动换行。修改后的布局代码如下：

<?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:paddingHorizontal="16dp">

    <!-- 第一个日期：右对齐到破折号左侧，保证文本靠向破折号 -->
    <TextView
        android:id="@+id/tv_my_assignments_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingVertical="4dp"
        android:text="Monday 17"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
        app:layout_constraintEnd_toStartOf="@+id/tv_my_assignments_2"
        app:layout_constraintHorizontal_bias="1"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- 破折号：固定水平位置，可通过百分比或固定dp调整 -->
    <TextView
        android:id="@+id/tv_my_assignments_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingHorizontal="8dp"
        android:paddingVertical="4dp"
        android:text="-"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintGuide_percent="0.4"
        app:layout_constraintTop_toTopOf="parent" />

    <!-- 第二个日期：填充剩余空间，自动换行 -->
    <TextView
        android:id="@+id/tv_my_assignments_3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:paddingVertical="4dp"
        android:text="Tuesday 18 okt 2022"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/tv_my_assignments_2"
        app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

关键调整点：

• 给第一个日期TextView设置layout_constraintHorizontal_bias="1"，让文本右对齐到破折号左侧，确保破折号上下完全对齐。
• 破折号的位置可根据需求调整：用百分比适配不同屏幕，或换成app:layout_constraintStart_margin="120dp"这类固定dp值，对齐效果更稳定。
• 第二个日期TextView宽度设为0dp，约束到破折号右侧和父布局右侧，空间不足时自动换行。

方案二：使用LinearLayout + 权重 #

如果更习惯LinearLayout布局，可采用以下实现：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:paddingHorizontal="16dp"
    android:gravity="center_vertical">

    <!-- 第一个日期：权重分配空间，文本右对齐 -->
    <TextView
        android:id="@+id/tv_my_assignments_1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:paddingVertical="4dp"
        android:text="Monday 17"
        android:textAlignment="textEnd"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2" />

    <!-- 破折号：固定宽度，作为分隔 -->
    <TextView
        android:id="@+id/tv_my_assignments_2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingHorizontal="8dp"
        android:paddingVertical="4dp"
        android:text="-"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2" />

    <!-- 第二个日期：权重分配剩余空间，自动换行 -->
    <TextView
        android:id="@+id/tv_my_assignments_3"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:paddingVertical="4dp"
        android:text="Tuesday 18 okt 2022"
        android:textAppearance="@style/TextAppearance.MaterialComponents.Body2" />
</LinearLayout>

该方案通过权重划分左右区域，第一个日期右对齐后，破折号固定在区域分界处，第二个日期占据剩余空间实现自动换行。

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