Android Canvas绘制中实现圆形/形状镂空效果的问题求助

我来帮你搞定这个镂空绘制的难题——你之前的尝试没成功，核心问题是没有使用离屏缓冲，而且对PorterDuffXfermode的混合逻辑理解有偏差。直接在原Canvas上用Xfermode，混合效果会和Canvas原有内容（比如View背景）干扰，根本达不到镂空的目的。

正确的实现思路 #

要实现“在当前图层挖洞透出下方内容”，你需要：

1. 先绘制下方的内容（比如背景图、其他控件，这部分是你要透过镂空看到的）
2. 开启离屏缓冲（用canvas.saveLayer），在单独的图层里处理混合效果
3. 在离屏图层上先绘制你要镂空的上层（比如白色填充层）
4. 使用PorterDuff.Mode.CLEAR模式绘制圆形，清除该区域的上层像素，透出下方内容
5. 恢复图层，将离屏绘制的结果合并到原Canvas

完整代码示例 #

override fun onDraw(canvas: Canvas) {
    super.onDraw(canvas)

    // 第一步：先绘制下方要透出的内容（这里用蓝色背景举例）
    val bgPaint = Paint()
    bgPaint.color = Color.BLUE
    canvas.drawRect(0f, 0f, width.toFloat(), height.toFloat(), bgPaint)

    // 关键：开启离屏缓冲，Xfermode必须在单独图层计算混合效果
    val saveCount = canvas.saveLayer(0f, 0f, width.toFloat(), height.toFloat(), null)

    val overlayPaint = Paint(Paint.ANTI_ALIAS_FLAG)
    overlayPaint.color = Color.WHITE
    overlayPaint.style = Paint.Style.FILL

    // 第二步：绘制要镂空的上层（白色覆盖整个View）
    canvas.drawRect(0f, 0f, width.toFloat(), height.toFloat(), overlayPaint)

    // 第三步：设置Xfermode为CLEAR，清除圆形区域的上层像素
    overlayPaint.xfermode = PorterDuffXfermode(PorterDuff.Mode.CLEAR)
    canvas.drawCircle(30f, 30f, 10f, overlayPaint)

    // 恢复图层，将离屏绘制的结果合并到原Canvas
    canvas.restoreToCount(saveCount)

    // 重置Xfermode，避免影响后续绘制
    overlayPaint.xfermode = null
}

关键注意事项 #

• 必须用离屏缓冲：saveLayer会创建一个临时图层，让Xfermode只在这个图层内计算混合，不会和原Canvas的内容冲突。
• 硬件加速问题：PorterDuff.Mode.CLEAR在硬件加速下可能失效，你可以在View构造函数里关闭硬件加速：

  init {
      setLayerType(LAYER_TYPE_SOFTWARE, null)
  }
  

• 理解混合逻辑：你之前用DST模式是错误的——DST模式会保留Canvas上已有的像素（目标），丢弃你绘制的像素（源），所以画了等于没画。而CLEAR是直接清除指定区域的像素，正好符合镂空需求。

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