Android库存搜索应用CardView滚动时出现异常间距问题求助

嘿，我之前也踩过类似的坑！看了你的布局代码，基本能确定问题出在根布局的高度设置上，咱们一步步来解决：

问题根源 #

你的list_layout.xml根节点是LinearLayout，设置了android:layout_height="match_parent"——这会让每个列表项都试图占满整个RecyclerView的高度，当RecyclerView滚动复用ViewHolder的时候，就会出现这种莫名其妙的巨大空白；而搜索操作触发了数据刷新，ViewHolder重新创建时暂时恢复了正常，但滚动复用后问题又会重现。

修复步骤 #

1. 修改根布局高度：把根LinearLayout的android:layout_height从match_parent改成wrap_content，这样每个item只会占用自身内容需要的高度，不会强行撑满屏幕。
2. 优化CardView宽度：建议把CardView的android:layout_width改成match_parent，让卡片铺满屏幕，视觉上更整齐，避免左边留空的情况。

修改后的布局代码如下：

<?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" <!-- 这里改成wrap_content -->
    android:padding="6dp"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical">
    <androidx.cardview.widget.CardView
        android:layout_width="match_parent" <!-- 这里改成match_parent -->
        android:layout_height="wrap_content"
        android:layout_marginTop="3dp"
        android:layout_marginBottom="1dp"
        app:cardCornerRadius="17dp"
        android:background="#EFEFEF"
        app:cardElevation="1dp">
        <LinearLayout
            android:layout_width="match_parent" <!-- 调整为match_parent，让内部布局铺满卡片 -->
            android:layout_height="wrap_content"
            android:orientation="horizontal">
            <TableLayout
                android:layout_width="match_parent" <!-- 充分利用卡片宽度 -->
                android:layout_height="match_parent"
                android:layout_alignParentRight="true"
                android:layout_alignParentEnd="true"
                android:stretchColumns="0,1"
                android:layout_marginTop="20dp">
                <TableRow
                    android:layout_width="match_parent"
                    android:paddingBottom="8dp"
                    android:layout_height="match_parent">
                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:orientation="vertical">
                        <ImageView
                            android:layout_width="170dp"
                            android:layout_height="150dp"
                            android:layout_column="0"/>
                    </LinearLayout>
                    <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="vertical">
                        <TextView
                            android:id="@+id/textViewName"
                            android:textAppearance="@style/TextAppearance.AppCompat.Light.SearchResult.Title"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:textColor="#000000"
                            android:textSize="15dp"
                            android:textStyle="bold">
                        </TextView>
                        <TextView
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="10dp"
                            android:text="Over 700 items in store!"
                            android:textColor="#000000"
                            android:textSize="12dp"
                            android:textStyle="bold">
                        </TextView>
                        <LinearLayout
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:background="#FF0000">
                            <TextView
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:text="ON SALE !"
                                android:textColor="#fff"
                                android:textStyle="bold">
                            </TextView>
                        </LinearLayout>
                        <Button
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:layout_gravity="center"
                            android:layout_marginTop="19dp"
                            android:background="@drawable/checkout_button"
                            android:onClick="groceries_click"
                            android:text="shop now!"
                            android:textAllCaps="false"
                            android:textSize="12dp">
                        </Button>
                    </LinearLayout>
                </TableRow>
            </TableLayout>
        </LinearLayout>
    </androidx.cardview.widget.CardView>
</LinearLayout>

额外排查点 #

如果修改后还是有问题，可以检查这两处：

• 确认你的RecyclerView用的是LinearLayoutManager，并且没有设置奇怪的setSpanSizeLookup或者自定义布局管理器逻辑；
• 检查Adapter的onBindViewHolder方法里有没有动态修改item高度的代码，这也可能导致复用ViewHolder时出现高度异常。

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