RecyclerView列表项阴影与边框无法添加问题求助

嗨，我来帮你搞定这个阴影不显示的问题～ 你的代码里其实已经做了大部分工作，只是几个细节没处理到位，导致CardView的阴影被裁剪或者没正确触发。下面是具体的问题分析和解决方案：

核心问题分析 #

CardView的阴影（elevation）需要满足两个条件才能正常显示：

1. 有足够的外部空间：阴影会超出CardView本身的边界，如果父布局或者相邻item没有留出足够空间，阴影会被遮挡或裁剪。
2. 正确的阴影属性设置：对于support库的CardView，系统原生的android:elevation在低版本系统上可能不生效，需要用CardView专属的属性。

具体修复步骤 #

1. 让父布局允许阴影超出边界 #

你的外层RelativeLayout默认会裁剪子View的超出部分，导致CardView的阴影被剪掉。给它添加两个属性：

android:clipChildren="false"
android:clipToPadding="false"

这两个属性分别允许子View超出父布局的边界，以及允许内容超出padding区域，这样阴影就能完整显示了。

2. 改用CardView专属的阴影属性 #

把CardView的android:elevation替换为app:cardElevation，同时可以加上app:cardMaxElevation来优化阴影的层级效果（避免滚动时阴影重叠异常）：

app:cardElevation="20dp"
app:cardMaxElevation="20dp"

support库的CardView对阴影有自己的实现，用专属属性能保证在不同Android版本上都有一致的效果。

3. 调整布局间距，避免阴影被遮挡 #

你的ItemOffsetDecoration已经给每个item设置了四周的offset，而外层RelativeLayout又设置了padding，这会导致间距重复，同时可能压缩阴影的显示空间。可以考虑：

• 去掉RelativeLayout的android:paddingLeft、android:paddingRight等属性，让ItemOffsetDecoration统一控制item间距；
• 或者给CardView添加android:margin属性，单独为阴影留出空间。

修改后的列表项布局示例 #

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="wrap_content"
    android:clickable="true"
    android:focusable="true"
    android:longClickable="true"
    android:orientation="vertical"
    <!-- 新增允许阴影超出的属性 -->
    android:clipChildren="false"
    android:clipToPadding="false">

    <android.support.v7.widget.CardView
        android:id="@+id/transaction_cardView"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        <!-- 替换为CardView专属阴影属性 -->
        app:cardElevation="20dp"
        app:cardMaxElevation="20dp"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        <!-- 给CardView添加margin，为阴影留出空间 -->
        android:layout_margin="10dp">

        <!-- 内部ConstraintLayout和TextView保持不变 -->
        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">
            <TextView
                android:id="@+id/txtHour"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:layout_alignParentTop="true"
                android:layout_marginEnd="8dp"
                android:layout_marginTop="2dp"
                android:text="5:10"
                android:textAlignment="viewEnd"
                android:textColor="@color/transaction_text"
                android:textSize="16sp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/txtDate" />
            <TextView
                android:id="@+id/txtDescription"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignEnd="@+id/txtAmount"
                android:layout_alignParentTop="true"
                android:ellipsize="end"
                android:lines="1"
                android:text="TextView"
                android:textColor="@color/transaction_text"
                android:textSize="25sp"
                app:layout_constraintTop_toBottomOf="@+id/txtAmount" />
            <TextView
                android:id="@+id/txtAmount"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignBottom="@+id/txtDescription"
                android:layout_alignParentLeft="true"
                android:layout_alignParentStart="true"
                android:layout_marginTop="8dp"
                android:lines="1"
                android:text="TextView"
                android:textColor="@color/transaction_text"
                android:textSize="26sp"
                android:textStyle="bold"
                android:typeface="sans"
                app:layout_constraintTop_toTopOf="parent" />
            <TextView
                android:id="@+id/txtDate"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_alignParentRight="true"
                android:layout_marginEnd="8dp"
                android:layout_marginTop="8dp"
                android:text="07/01/2"
                android:textAlignment="textEnd"
                android:textColor="@color/transaction_text"
                android:textSize="16sp"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toTopOf="parent" />
        </android.support.constraint.ConstraintLayout>
    </android.support.v7.widget.CardView>
</RelativeLayout>

4. 确认ItemOffsetDecoration正确添加 #

确保你在RecyclerView的初始化代码中正确添加了装饰器：

RecyclerView recyclerView = findViewById(R.id.your_recycler_view);
recyclerView.addItemDecoration(new ItemOffsetDecoration(this, R.dimen.your_offset_value));

额外提示 #

如果阴影还是不显示，可以检查：

• 你的App主题是否禁用了阴影（比如使用了android:windowDisablePreview等属性）；
• 设备的系统版本：Android 5.0（API 21）以下的系统，CardView的阴影是通过模拟实现的，需要确保CardView的背景是白色或其他不透明颜色（默认是白色）。

内容的提问来源于stack exchange，提问作者hysabone.com