Question

这是我的XML项目的RecyclerView代码。问题是，每个项目都显示在应用程序的整个页面中。请帮我解决这个问题：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/rootlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginLeft="8dp"
    android:background="@color/black"
    android:gravity="center">


  <com.makeramen.roundedimageview.RoundedImageView
    android:id="@+id/iv_wall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:scaleType="centerCrop"
    app:riv_corner_radius="5dp" />

  <View
    android:id="@+id/view_wall"
    android:layout_width="160dp"
    android:layout_height="70dp"
    android:layout_alignParentBottom="true"
    android:background="@drawable/bg_gradient_black_round"
    android:gravity="center_vertical" />

Answer 1

您已将商品的宽度和高度设置为match_parent，这使商品大于所需的商品。像这样使用smth：

      <RelativeLayout      xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/rootlayout"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_marginLeft="8dp"
android:background="@color/black"
android:gravity="center">


<com.makeramen.roundedimageview.RoundedImageView
    android:id="@+id/iv_wall"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:scaleType="centerCrop"
    app:riv_corner_radius="5dp" />

<View
    android:id="@+id/view_wall"
    android:layout_width="160dp"
    android:layout_height="70dp"
    android:layout_alignParentBottom="true"
    android:background="@drawable/bg_gradient_black_round"
    android:gravity="center_vertical" />

Answer 2

在您的android:layout_height=中设置"wrap_content" RelativeLayout

Answer 3

看看您在做什么，基本上是在分配layout_height = match_parent，这意味着您的每个商品都将尝试占用全屏空间，而您要做的是，您可以通过以下方式固定商品的高度静态值，例如

android:layout_height="200dp"

另一种方法是让您的视图通过使用（推荐方式）来决定需要多少空间

android:layout_height="wrap_content"

希望您理解问题并找到可能的解决方案。

每个Recyclerview项目都显示在整个页面中

3 个答案: