RecyclerView 流过屏幕

Question

我有一个替换 FrameLayout 的片段。在这个片段中，如果我只有 RecyclerView，我可以将它的高度设置为 match_parent，一切都可以正常工作。

但是，如果我有多个元素需要覆盖在 RecyclerView 的顶部，RecyclerView 就无法适应屏幕。

第一个场景的代码：

<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:background="@color/mid_white">

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_leaderboard"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    />

应用第一个场景时的片段截图：

第二种情况的代码：

<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:background="@color/mid_white">

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_leaderboard"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/divider"
    />

<TextView
    android:id="@+id/rankText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/Rank"
    android:textSize="18sp"
    android:textStyle="bold"
    android:textColor="@color/google_green"
    android:background="@color/transparent"
    app:layout_constraintStart_toStartOf="parent"
    android:layout_marginTop="4dp"
    android:paddingBottom="4dp"
    android:layout_marginLeft="16dp"
    app:layout_constraintTop_toTopOf="parent" />
<TextView
    android:id="@+id/usernameText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/Username"
    android:textSize="18sp"
    android:paddingBottom="4dp"
    android:textStyle="bold"
    android:textColor="@color/google_green"
    android:background="@color/transparent"
    android:layout_marginLeft="50dp"
    app:layout_constraintStart_toStartOf="@id/rankText"
    app:layout_constraintTop_toTopOf="@id/rankText" />
<TextView
    android:id="@+id/balanceText"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/Balance"
    android:textSize="18sp"
    android:paddingBottom="4dp"
    android:textStyle="bold"
    android:textColor="@color/google_green"
    android:background="@color/transparent"
    android:layout_marginRight="26dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintTop_toTopOf="@id/rankText" />

<View
    android:id="@+id/divider"
    android:layout_width="match_parent"
    android:layout_height="4dp"
    app:layout_constraintTop_toBottomOf="@id/rankText"
    android:background="@color/google_green" />

应用第二种场景时片段截图：

第二种情况，我无法再滑动，所以看不到最后一个元素。

Answer 1

您必须限制 RecyclerView 的底部并将高度设置为 "match constraint"。改变这个

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_leaderboard"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toBottomOf="@id/divider" />

至

<androidx.recyclerview.widget.RecyclerView
    android:id="@+id/recycler_leaderboard"
    android:layout_width="0dp"
    android:layout_height="0dp"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/divider"/>

您也不应在 ConstraintLayout 的子项中使用 match_parent。

RecyclerView 流过屏幕

RecyclerView flows over the screen

xml

android

android-recyclerview

android-framelayout

android-constraintlayout