如何使用卡片创建水平滚动 RecyclerView

Posted 2023-04-19

【中文标题】如何使用卡片创建水平滚动 RecyclerView

【英文标题】：Howto create horizontal scrolling RecyclerView with Cards

【发布时间】：2021-03-07 19:34:41

【问题描述】：

尝试设置一个水平滚动的 RecyclerView，它接收 CardViews 并在屏幕上水平滚动它们。我试图通过创建一个 LinearLayout 并将 RecyclerView 方向设置为水平并将滚动条也设置为水平来设置它。不幸的是，这不起作用，我仍然看到卡片填满了整个垂直空间并垂直滚动。不知道为什么会发生这种情况或如何解决它。

回收站视图：

Save New Duplicate & Edit Just Text
<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <data>
        <variable
            name="viewModel"
            type="com.cloudhospital.app.ui.viewmodel.HospitalsVM" />
    </data>
    <RelativeLayout
        android:layout_
        android:layout_
        tools:context=".ui.fragment.GeneralHealthFragment">

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/recyclerView"
            android:layout_
            android:layout_
            android:padding="0dp"
            android:orientation="horizontal"
            android:scrollbars="horizontal"
            android:layout_centerVertical="true"
            android:layout_centerHorizontal="true"
             />

    </RelativeLayout>

</layout>

卡片视图：

Save New Duplicate & Edit Just Text
<androidx.cardview.widget.CardView 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:id="@+id/hospital_item_card"
    android:padding="8dp"
    android:layout_
    android:layout_
    android:layout_margin="10dp"
    app:cardBackgroundColor="@color/White"
    app:cardCornerRadius="7.5dp">
    <androidx.constraintlayout.widget.ConstraintLayout
        android:layout_
        android:layout_>

    <ImageView
        android:id="@+id/itemImage"
        android:layout_
        android:layout_
        android:layout_marginTop="8dp"
        android:adjustViewBounds="true"
        app:layout_constraintBottom_toTopOf="@+id/name"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintVertical_bias="0.74" />

    <TextView
        android:id="@+id/name"
        android:layout_
        android:layout_
        android:layout_gravity="top|start"
        android:layout_marginTop="8dp"
        android:layout_weight="1"
        app:layout_constraintBottom_toTopOf="@+id/itemDescription"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/itemImage"
        tools:text="Some date" />

    <TextView
        android:id="@+id/itemDescription"
        android:layout_
        android:layout_
        android:layout_gravity="center|start"
        android:layout_weight="1"
        android:ellipsize="end"
        android:maxLines="5"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.5"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/name" />
    </androidx.constraintlayout.widget.ConstraintLayout>

</androidx.cardview.widget.CardView>

【参考方案1】：

要进行水平滚动，需要以编程方式将水平布局管理器设置为您的回收站视图，如下所示。

 recyclerView.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL, false));
 recyclerView.setAdapter(yourAdapter);

【参考方案2】：

您应该以编程方式设置 LayoutManager

recyclerView.layoutManager = LinearLayoutManager(context, RecyclerView.HORIZONTAL, false )