如何为Custom View添加涟漪效果的触摸反馈？

当然可行！Android提供了两种主流方案来实现自定义View的触摸涟漪反馈，一种是利用原生的RippleDrawable（简单高效，推荐优先使用），另一种是完全自定义绘制（适合需要高度定制动画效果的场景），下面分别给你详细说明：

这种方式不需要自己写动画逻辑，直接利用系统自带的涟漪效果，适配性和性能都有保障。

步骤1：创建涟漪效果的Drawable文件 #

在res/drawable目录下新建一个XML文件（比如ripple_custom.xml），根据你的需求选择两种模式：

模式A：有边界的涟漪（限制在View范围内） #

适合你的Custom View有固定形状（比如矩形、圆形）的场景，涟漪不会超出View边界：

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/ripple_color"> <!-- 这里填你想要的涟漪颜色，建议用半透明色 -->
    <!-- mask用来定义涟漪的边界形状，颜色不影响，只要是不透明即可 -->
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle"> <!-- 如果是圆形View就改成oval -->
            <solid android:color="@color/white" />
            <corners android:radius="8dp" /> <!-- 对应你的View圆角 -->
        </shape>
    </item>
</ripple>

模式B：无边界的涟漪（扩散超出View范围） #

适合需要涟漪扩散到View外部的场景，去掉mask即可：

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/ripple_color" />

步骤2：在Custom View中配置涟漪效果 #

在你的Custom View构造函数里设置背景，并开启可点击属性（系统需要判断View是否能响应触摸才会触发涟漪）：

public class MyCustomView extends View {
    public MyCustomView(Context context) {
        super(context);
        init();
    }

    public MyCustomView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        // 设置刚才创建的涟漪背景
        setBackgroundResource(R.drawable.ripple_custom);
        // 必须设置为可点击，否则涟漪不会触发
        setClickable(true);
        // 如果需要长按涟漪效果，加上这句
        setLongClickable(true);
    }

    // 保留你原来的触摸检测逻辑即可
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        // 这里写你原来的触摸处理代码
        // 注意：返回值不要直接写false，否则可能会阻断涟漪的触发，建议返回super.onTouchEvent(event)或者true
        return super.onTouchEvent(event);
    }
}

如果原生涟漪满足不了你的定制需求（比如要修改扩散速度、涟漪形状、透明度变化曲线等），可以自己手动绘制动画：

步骤1：定义必要的变量 #

在Custom View中添加动画相关的变量：

private float rippleRadius = 0f;
private int rippleColor;
private float touchX, touchY;
private ValueAnimator rippleAnimator;

步骤2：初始化配置 #

在init方法中初始化颜色和基础属性：

private void init() {
    rippleColor = getResources().getColor(R.color.ripple_color);
    setClickable(true); // 同样需要开启可点击
}

步骤3：处理触摸事件，启动动画 #

在onTouchEvent中记录触摸点，启动涟漪扩散动画：

@Override
public boolean onTouchEvent(MotionEvent event) {
    switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            // 记录触摸坐标
            touchX = event.getX();
            touchY = event.getY();
            // 计算最大涟漪半径（从触摸点到View最远角落的距离）
            float maxRadius = (float) Math.hypot(
                Math.max(touchX, getWidth() - touchX),
                Math.max(touchY, getHeight() - touchY)
            );
            // 创建并启动动画
            rippleAnimator = ValueAnimator.ofFloat(0f, maxRadius);
            rippleAnimator.setDuration(300); // 动画时长，可按需调整
            rippleAnimator.addUpdateListener(animation -> {
                rippleRadius = (float) animation.getAnimatedValue();
                invalidate(); // 触发重绘
            });
            rippleAnimator.start();
            break;
        case MotionEvent.ACTION_UP:
        case MotionEvent.ACTION_CANCEL:
            // 触摸结束时重置涟漪
            if (rippleAnimator != null && rippleAnimator.isRunning()) {
                rippleAnimator.cancel();
            }
            rippleRadius = 0f;
            invalidate();
            break;
    }
    return super.onTouchEvent(event);
}

步骤4：在onDraw中绘制涟漪 #

重写onDraw方法，添加涟漪绘制逻辑：

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    // 绘制涟漪（只有当半径大于0时才画）
    if (rippleRadius > 0) {
        Paint ripplePaint = new Paint();
        ripplePaint.setColor(rippleColor);
        ripplePaint.setAlpha(128); // 设置半透明，可按需调整
        ripplePaint.setAntiAlias(true); // 抗锯齿，让涟漪更平滑
        canvas.drawCircle(touchX, touchY, rippleRadius, ripplePaint);
    }
    // 这里保留你原来的Custom View绘制逻辑
}

步骤5：避免内存泄漏 #

在View销毁时取消动画，释放资源：

@Override
protected void onDetachedFromWindow() {
    super.onDetachedFromWindow();
    if (rippleAnimator != null) {
        rippleAnimator.cancel();
        rippleAnimator.removeAllUpdateListeners();
        rippleAnimator = null;
    }
}

内容的提问来源于stack exchange，提问作者Archie G. Quiñones