Android开发：如何缩小RecyclerView中CardView的多余空白？

以下是几个关键修改点，能快速减少CardView的多余空白：

• 修改最外层LinearLayout的高度
  最外层LinearLayout设置了android:layout_height="match_parent"，会强制占满屏幕高度，导致CardView上下出现大片空白。改成wrap_content让布局自适应内容高度：

  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="vertical"
      android:tag="cards main container">
  

• 移除cardUseCompatPadding属性
  cardUseCompatPadding="true"是为兼容旧版本添加的额外padding，会增加CardView的空白。直接移除这个属性即可（若需兼容API21以下，可改用cardPreventCornerOverlap="false"）：

  <androidx.cardview.widget.CardView
      android:id="@+id/card_view"
      xmlns:card_view="http://schemas.android.com/apk/res-auto"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      card_view:cardBackgroundColor="@color/color_white"
      card_view:cardCornerRadius="10dp"
      card_view:cardElevation="5dp">
  

• 压缩内部控件的margin值
  内部TextView和外层LinearLayout的margin设置过大，导致CardView内部垂直空间冗余。适当减小这些值：

  <LinearLayout
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_marginTop="5dp"
      android:layout_weight="2"
      android:orientation="vertical">
  
      <TextView
          android:id="@+id/textViewName"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal"
          android:layout_marginTop="5dp"
          android:text="Android Name"
          android:textAppearance="?android:attr/textAppearanceLarge"/>
  
      <TextView
          android:id="@+id/textViewVersion"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center_horizontal"
          android:layout_marginTop="5dp"
          android:text="Android Version"
          android:textAppearance="?android:attr/textAppearanceMedium"/>
  </LinearLayout>
  

• 固定ImageView高度（可选）
  如果图片本身高度较大，会拉长CardView。给ImageView设置固定高度并保持比例：

  <ImageView
      android:id="@+id/imageView"
      android:tag="image_tag"
      android:layout_width="0dp"
      android:layout_height="60dp"
      android:layout_margin="5dp"
      android:layout_weight="1"
      android:adjustViewBounds="true"
      android:src="@drawable/ic_launcher"/>
  

修改后的完整布局代码 #

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:tag="cards main container">

    <androidx.cardview.widget.CardView
        android:id="@+id/card_view"
        xmlns:card_view="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        card_view:cardBackgroundColor="@color/color_white"
        card_view:cardCornerRadius="10dp"
        card_view:cardElevation="5dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <ImageView
                android:id="@+id/imageView"
                android:tag="image_tag"
                android:layout_width="0dp"
                android:layout_height="60dp"
                android:layout_margin="5dp"
                android:layout_weight="1"
                android:adjustViewBounds="true"
                android:src="@drawable/ic_launcher"/>

            <LinearLayout
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:layout_marginTop="5dp"
                android:layout_weight="2"
                android:orientation="vertical">

                <TextView
                    android:id="@+id/textViewName"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="5dp"
                    android:text="Android Name"
                    android:textAppearance="?android:attr/textAppearanceLarge"/>

                <TextView
                    android:id="@+id/textViewVersion"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:layout_marginTop="5dp"
                    android:text="Android Version"
                    android:textAppearance="?android:attr/textAppearanceMedium"/>

            </LinearLayout>
        </LinearLayout>

    </androidx.cardview.widget.CardView>

</LinearLayout>

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