Android Java实现Bitmap画布仅选定区域可绘制路径的方案问询

实现思路 #

你需要提前将所有可涂色的独立区域（比如羊角、脸部、衣服等）预先存储为对应的Path对象，用户点击时先判断落点属于哪个区域的Path，后续所有绘制操作都仅在该Path范围内生效。

方案1：Canvas裁剪法（改动最小，易实现） #

前置准备 #

• 预先构建所有可涂色区域的Path集合，同时为每个Path生成对应的Region对象用于点击检测：

// 示例：将Path转为Region用于点击判断
Region region = new Region();
Region clip = new Region(0, 0, canvasWidth, canvasHeight); // canvas宽高为控件实际尺寸
region.setPath(areaPath, clip);

• 在onTouch的ACTION_DOWN事件中，遍历所有Region判断点击坐标所属的区域，将对应的Path赋值给全局变量mSelectedDrawPath。

修改你的现有代码 #

1. 修改onDraw方法

protected void onDraw(Canvas canvas) {
    canvas.drawBitmap(mBitmapCanvas, 0f, 0f, paintCanvas);
    if (mSelectedDrawPath != null) {
        // 保存图层状态，避免裁剪影响全局
        int saveId = canvas.save();
        // 裁剪到选中区域
        canvas.clipPath(mSelectedDrawPath);
        // 绘制实时预览的路径
        canvas.drawPath(mPaths, drawPaint);
        // 恢复图层状态
        canvas.restoreToCount(saveId);
    } else {
        // 未选中区域时可根据需求调整逻辑，比如禁止绘制/提示用户选中区域
        canvas.drawPath(mPaths, drawPaint);
    }
}

2. 修改onTouch中路径提交到Bitmap的逻辑

在ACTION_UP事件中绘制路径到mCanvas时，也要加裁剪，避免最终保存到Bitmap的内容溢出：

case MotionEvent.ACTION_UP:
    mPaths.lineTo(mX, mY);
    if (mSelectedDrawPath != null) {
        int saveId = mCanvas.save();
        mCanvas.clipPath(mSelectedDrawPath);
        mCanvas.drawPath(mPaths, drawPaint);
        mCanvas.restoreToCount(saveId);
    } else {
        mCanvas.drawPath(mPaths, drawPaint);
    }
    mBitmap = Bitmap.createBitmap(mBitmapCanvas);
    paths.add(mBitmap);
    mPaths.reset();
    invalidate();
    break;

方案2：Xfermode混合模式（边缘抗锯齿效果更好） #

如果对绘制边缘的顺滑度要求高，用PorterDuffXfermode的SRC_IN模式实现裁剪，避免clipPath的硬边缘问题：

// 初始化drawPaint时开启离屏缓冲
drawPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
// 绘制顺序：先画选中区域的Path作为dst层，再画用户绘制的路径作为src层，最终仅保留重叠部分

注意事项 #

• 所有预存的Path需要根据控件实际渲染尺寸做适配缩放，避免点击判断和裁剪错位
• 部分低版本Android系统硬件加速对clipPath支持不完善，如果出现裁剪失效的情况，可以给自定义View关闭硬件加速：setLayerType(LAYER_TYPE_SOFTWARE, null)
• 每次切换选中区域时要重置mSelectedDrawPath变量，避免裁剪区域残留
• 如果有缩放、平移画布的操作，需要同步对Path做矩阵变换，保证点击和裁剪的坐标一致

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