限制 RecyclerView 的最大尺寸
Constrain max size of RecyclerView
我正在组装一个屏幕,其中有 3 个垂直堆叠的控件。具体来说,两个TextView之间夹着一个RecyclerView。我有两种情况要解决。
- 当 RecyclerView 中显示的项目很少时,应将 3 个项目打包到屏幕顶部,并在其下方留空 space。
- 当 RecyclerView 中显示很多项目时,全屏将与屏幕底部的最后一个 TextView 一起使用,并在中央 RecyclerView 中滚动。
我正在努力让最后一个 TextView 的位置正确,因为如果 RecyclerView 中有很多项目,它要么被推离屏幕,要么被埋在 RecyclerView 后面。我需要的是一种方法来告诉 RecyclerView 包装内容,但当它开始将 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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/topItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toTopOf="@+id/middleItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/middleItem"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="none"
app:layout_constraintBottom_toTopOf="@+id/bottomItem"
app:layout_constraintTop_toBottomOf="@+id/topItem" />
<TextView
android:id="@+id/bottomItem"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal|top"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toBottomOf="@+id/middleItem" />
</androidx.constraintlayout.widget.ConstraintLayout>
尝试以下操作:
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/topItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is the top item."
app:layout_constraintBottom_toTopOf="@+id/middleItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/middleItem"
android:layout_width="0dp"
android:layout_height="0dp"
android:scrollbars="none"
app:layout_constrainedHeight="true"
app:layout_constraintBottom_toTopOf="@+id/bottomItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/topItem"
tools:itemCount="3" />
<TextView
android:id="@+id/bottomItem"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center_horizontal|top"
android:text="This is the bottom item."
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/middleItem" />
</androidx.constraintlayout.widget.ConstraintLayout>
在 RecyclerView 中有三个项目:
在 RecyclerView 中有 50 个项目:
主要变化是:
- 已将
app:layout_constraintVertical_bias="0.0"
添加到顶部 TextView 以使链条始终位于顶部;
- 已将
app:layout_constrainedHeight="true"
添加到 RecyclerView 以确保视图不会消失 off-screen;
- 将 match_parent 更改为
0dp
并为 ConstraintLayout 的直接子项设置水平约束。
- 已将 RecyclerView 的 高度更改为“0dp”。
更新: 以上虽然可行,但有点过头了。如评论中所述,只需将 RecyclerView 的高度设置为 0dp
.
即可实现相同的效果
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/topItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is the top item."
app:layout_constraintBottom_toTopOf="@+id/middleItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/middleItem"
android:layout_width="0dp"
android:layout_height="0dp"
android:scrollbars="none"
app:layout_constraintBottom_toTopOf="@+id/bottomItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/topItem"
tools:itemCount="3" />
<TextView
android:id="@+id/bottomItem"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center_horizontal|top"
android:text="This is the bottom item."
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/middleItem" />
</androidx.constraintlayout.widget.ConstraintLayout>
我正在组装一个屏幕,其中有 3 个垂直堆叠的控件。具体来说,两个TextView之间夹着一个RecyclerView。我有两种情况要解决。
- 当 RecyclerView 中显示的项目很少时,应将 3 个项目打包到屏幕顶部,并在其下方留空 space。
- 当 RecyclerView 中显示很多项目时,全屏将与屏幕底部的最后一个 TextView 一起使用,并在中央 RecyclerView 中滚动。
我正在努力让最后一个 TextView 的位置正确,因为如果 RecyclerView 中有很多项目,它要么被推离屏幕,要么被埋在 RecyclerView 后面。我需要的是一种方法来告诉 RecyclerView 包装内容,但当它开始将 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"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/topItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintBottom_toTopOf="@+id/middleItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/middleItem"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scrollbars="none"
app:layout_constraintBottom_toTopOf="@+id/bottomItem"
app:layout_constraintTop_toBottomOf="@+id/topItem" />
<TextView
android:id="@+id/bottomItem"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal|top"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toBottomOf="@+id/middleItem" />
</androidx.constraintlayout.widget.ConstraintLayout>
尝试以下操作:
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/topItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is the top item."
app:layout_constraintBottom_toTopOf="@+id/middleItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.0"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/middleItem"
android:layout_width="0dp"
android:layout_height="0dp"
android:scrollbars="none"
app:layout_constrainedHeight="true"
app:layout_constraintBottom_toTopOf="@+id/bottomItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/topItem"
tools:itemCount="3" />
<TextView
android:id="@+id/bottomItem"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center_horizontal|top"
android:text="This is the bottom item."
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/middleItem" />
</androidx.constraintlayout.widget.ConstraintLayout>
在 RecyclerView 中有三个项目:
在 RecyclerView 中有 50 个项目:
主要变化是:
- 已将
app:layout_constraintVertical_bias="0.0"
添加到顶部 TextView 以使链条始终位于顶部; - 已将
app:layout_constrainedHeight="true"
添加到 RecyclerView 以确保视图不会消失 off-screen; - 将 match_parent 更改为
0dp
并为 ConstraintLayout 的直接子项设置水平约束。 - 已将 RecyclerView 的 高度更改为“0dp”。
更新: 以上虽然可行,但有点过头了。如评论中所述,只需将 RecyclerView 的高度设置为 0dp
.
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/topItem"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="This is the top item."
app:layout_constraintBottom_toTopOf="@+id/middleItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_chainStyle="packed" />
<androidx.recyclerview.widget.RecyclerView
android:id="@+id/middleItem"
android:layout_width="0dp"
android:layout_height="0dp"
android:scrollbars="none"
app:layout_constraintBottom_toTopOf="@+id/bottomItem"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/topItem"
tools:itemCount="3" />
<TextView
android:id="@+id/bottomItem"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="center_horizontal|top"
android:text="This is the bottom item."
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/middleItem" />
</androidx.constraintlayout.widget.ConstraintLayout>