如何对齐RecyclerView中不同布局内的子视图？

如何对齐RecyclerView中不同子项布局内的各个TextView？

我的ViewHolder采用ConstraintLayout布局，我觉得把每个视图和对应位置的视图设置约束应该能解决问题，但不知道具体怎么操作。

可以看图片了解具体情况。

Item布局XML代码 #

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:padding="6dp"
    android:layout_gravity="center">

    <TextView
        android:id="@+id/dayTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="40dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toLeftOf="@id/weatherDescriptionItemImageView"
        app:layout_constraintTop_toTopOf="parent">

    </TextView>

    <ImageView
        android:id="@+id/weatherDescriptionItemImageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintLeft_toRightOf="@id/dayTextView"
        app:layout_constraintRight_toLeftOf="@id/weatherDescriptionItemTextView"
        app:layout_constraintTop_toBottomOf="parent"
        app:layout_constraintTop_toTopOf="parent">

    </ImageView>

    <TextView
        android:id="@+id/weatherDescriptionItemTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="30dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@id/weatherDescriptionItemImageView"
        app:layout_constraintRight_toLeftOf="@id/minMaxTempItemTextView"
        app:layout_constraintTop_toTopOf="parent">

    </TextView>

    <TextView
        android:id="@+id/minMaxTempItemTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="5dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toRightOf="@id/weatherDescriptionItemTextView"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent">

    </TextView>

</androidx.constraintlayout.widget.ConstraintLayout>

解决方法 #

你的布局存在几个导致对齐失效的问题，调整方案如下：

1. 清理ImageView冗余约束：ImageView里重复设置了app:layout_constraintTop_toBottomOf="parent"和app:layout_constraintTop_toTopOf="parent"，删除前者，保留顶部对齐父布局的约束，确保ImageView和其他控件垂直居中。
2. 给固定列控件设置固定/最小宽度：RecyclerView子项独立布局，不同内容的TextView宽度差异会导致列错位。比如给dayTextView设置android:layout_width="60dp"（根据需求调整数值），替代wrap_content，保证每行日期列宽度一致。
3. 统一约束逻辑：所有水平排列的控件通过left_toRightOf和right_toLeftOf串联，同时保留top_toTopOf="parent"和bottom_toBottomOf="parent"，确保垂直方向居中对齐。
4. 修改根布局宽度：将根ConstraintLayout的android:layout_width从wrap_content改为match_parent，让子项占满RecyclerView宽度，避免整体错位。

调整后的布局示例 #

<?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="6dp">

    <TextView
        android:id="@+id/dayTextView"
        android:layout_width="60dp"
        android:layout_height="wrap_content"
        android:gravity="center"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ImageView
        android:id="@+id/weatherDescriptionItemImageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        app:layout_constraintLeft_toRightOf="@id/dayTextView"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

    <TextView
        android:id="@+id/weatherDescriptionItemTextView"
        android:layout_width="120dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        app:layout_constraintLeft_toRightOf="@id/weatherDescriptionItemImageView"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

    <TextView
        android:id="@+id/minMaxTempItemTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="10dp"
        app:layout_constraintLeft_toRightOf="@id/weatherDescriptionItemTextView"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

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