ConstraintLayout约束异常求助：RecyclerView布局显示错误

问题根源 #

你的RecyclerView仅设置了顶部与Toolbar底部的约束，且高度为wrap_content，这会让RecyclerView根据自身内容高度渲染，直接延伸到Fragment下方甚至屏幕外；若直接添加底部与Fragment顶部的约束但保留wrap_content高度，RecyclerView会被强制拉伸填充空间，导致布局异常。

修复后的布局代码 #

只需修改RecyclerView的两个属性：

1. 将android:layout_height改为0dp（即match_constraint）
2. 添加底部约束app:layout_constraintBottom_toTopOf="@+id/nowPlaying"

完整代码如下：

<?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"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:theme="@style/Theme.Music.Font">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <TextView
            android:id="@+id/header_title"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="@font/bold"
            android:text="@string/app_name"
            android:textSize="26sp" />

        <androidx.appcompat.widget.SearchView
            android:id="@+id/searchView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end"
            app:searchIcon="@drawable/search_icon" />
    </androidx.appcompat.widget.Toolbar>

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:scrollbarThumbVertical="@drawable/scroll_bar"
        android:scrollbars="vertical"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/toolbar"
        app:layout_constraintBottom_toTopOf="@+id/nowPlaying" />

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/nowPlaying"
        android:name="com.example.music.NowPlaying"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        tools:layout="@layout/fragment_now_playing" />

</androidx.constraintlayout.widget.ConstraintLayout>

原理说明 #

• 设置android:layout_height="0dp"后，RecyclerView的高度由上下约束决定，刚好填满Toolbar和底部Fragment之间的剩余空间。
• 保留垂直滚动条，当RecyclerView内容超出该空间时，会自动滚动，不会延伸到Fragment下方或屏幕外。

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