使用canvas.translate后TextView的Ripple效果无法覆盖整控件的解决问询

这个问题我之前也碰到过，核心原因是你用canvas.translate()手动平移画布的操作，绕开了TextView内置的布局和触摸事件逻辑——你只是改变了图标的绘制位置，但Ripple效果的绘制范围、触摸响应区域还是基于TextView的原始布局规则，自然会出现视觉上的错位。

下面给你几个可行的解决方案，按推荐程度排序：

方案1：用调整Drawable Bounds代替canvas.translate（推荐） #

这是最贴合Android控件设计逻辑的做法，不会破坏TextView的内置行为。你只需要在TextView的onLayout方法里调整左侧图标的边界，让它和文本对齐，而不是去平移整个画布：

@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    super.onLayout(changed, left, top, right, bottom);
    
    Drawable[] compoundDrawables = getCompoundDrawables();
    Drawable leftDrawable = compoundDrawables[0];
    if (leftDrawable == null) return;

    // 计算图标需要偏移的距离，这里以图标和文本垂直居中对齐为例
    int textHeight = (int) getTextSize();
    int drawableHeight = leftDrawable.getIntrinsicHeight();
    int verticalOffset = (textHeight - drawableHeight) / 2;

    // 重新设置图标的边界
    int drawableLeft = getPaddingLeft();
    int drawableTop = getPaddingTop() + verticalOffset;
    int drawableRight = drawableLeft + leftDrawable.getIntrinsicWidth();
    int drawableBottom = drawableTop + drawableHeight;
    leftDrawable.setBounds(drawableLeft, drawableTop, drawableRight, drawableBottom);

    // 重新设置复合Drawable
    setCompoundDrawables(leftDrawable, compoundDrawables[1], compoundDrawables[2], compoundDrawables[3]);
}

这样调整后，图标和文本的对齐逻辑完全在TextView的布局体系内，Ripple效果会自然覆盖整个View。

方案2：修复canvas.translate的画布恢复逻辑 #

如果你一定要保留canvas.translate的写法，一定要记得在绘制完成后恢复画布状态，否则Ripple的绘制也会被错误平移：

@Override
protected void onDraw(Canvas canvas) {
    // 保存当前画布状态
    canvas.save();
    // 执行平移操作
    canvas.translate(dx, dy);
    // 调用父类绘制（包括图标、文本）
    super.onDraw(canvas);
    // 恢复画布到原始状态，确保Ripple在正确位置绘制
    canvas.restore();
}

同时，确保你的TextView已经开启了可点击和可聚焦：

<TextView
    ...
    android:clickable="true"
    android:focusable="true"
    android:background="?attr/selectableItemBackground" />

方案3：自定义RippleDrawable强制覆盖整个View #

如果上面两种方案都不适用，你可以自定义一个完整矩形范围的RippleDrawable，代替系统的selectableItemBackground：

在res/drawable/ripple_full.xml中创建：

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="?attr/colorControlHighlight">
    <!-- 用白色矩形作为mask，确保Ripple覆盖整个View区域 -->
    <item android:id="@android:id/mask">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/white" />
        </shape>
    </item>
</ripple>

然后给TextView设置这个背景：

<TextView
    ...
    android:background="@drawable/ripple_full"
    android:clickable="true"
    android:focusable="true" />

这个方案会强制Ripple以整个TextView的矩形区域为扩散范围，不受内部绘制平移的影响。

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