如何为CardView添加侧滑触发的背景波纹效果？

嘿，我来帮你搞定这个问题！首先明确告诉你：不需要额外创建新的侧滑监听器接口，你现有的监听器接口已经足够用来监听侧滑开始的事件，我们只需要在对应的回调逻辑里添加波纹触发代码就行。下面是具体实现步骤：

1. 配置CardView的波纹背景载体 #

首先要确保你的CardView有能显示波纹的Drawable，两种方式任选其一：

• 方式一：用Android系统自带的波纹效果，在布局文件的CardView标签里添加：

<androidx.cardview.widget.CardView
    ...
    android:foreground="?attr/selectableItemBackground"
    android:clickable="true"
    android:focusable="true">

• 方式二：自定义波纹样式，在res/drawable下创建ripple_swipe_background.xml：

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/your_ripple_color"> <!-- 替换成你想要的波纹颜色 -->
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="@color/your_mask_color" /> <!-- 遮罩色，建议和CardView背景色一致 -->
        </shape>
    </item>
</ripple>

然后给CardView设置这个自定义Drawable：

<androidx.cardview.widget.CardView
    ...
    android:foreground="@drawable/ripple_swipe_background"
    android:clickable="true"
    android:focusable="true">

2. 在侧滑开始回调中触发波纹效果 #

利用你现有的侧滑监听器接口（比如包含onSwipeStart(View view)这类方法），在侧滑动作开始的回调里，给对应的CardView触发波纹动画。可以写一个工具方法来封装这个逻辑：

private void triggerSwipeRipple(View targetCard) {
    Drawable foreground = targetCard.getForeground();
    if (foreground instanceof RippleDrawable) {
        // 针对自定义波纹Drawable的触发逻辑
        RippleDrawable ripple = (RippleDrawable) foreground;
        // 以CardView中心为波纹起始点
        int centerX = targetCard.getWidth() / 2;
        int centerY = targetCard.getHeight() / 2;
        ripple.setHotspot(centerX, centerY);
        // 设置按压状态触发波纹
        ripple.setState(new int[]{android.R.attr.state_pressed, android.R.attr.state_enabled});
        // 延迟重置状态，保证波纹完整显示
        targetCard.postDelayed(() -> ripple.setState(new int[]{-android.R.attr.state_pressed}), 350);
    } else {
        // 针对系统默认selectableItemBackground的触发逻辑
        targetCard.setPressed(true);
        targetCard.postDelayed(() -> targetCard.setPressed(false), 350);
    }
}

接下来，在你的侧滑逻辑中（比如SwipeAdapter里处理侧滑开始的地方），调用这个方法：

// 假设你在监听器的onSwipeStart回调中拿到了当前的CardView
@Override
public void onSwipeStart(View cardView) {
    triggerSwipeRipple(cardView);
}

3. 适配你的现有代码 #

因为你已经完成了SwipeAdapter的开发，只需要把上述的triggerSwipeRipple方法集成到Adapter中，或者在实现侧滑监听器的地方调用即可。确保在侧滑动作刚触发的瞬间（而不是滑动过程中）调用这个方法，就能实现视频里展示的侧滑开始时的波纹效果。

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