Android Canvas开发：从基础绘制到性能优化

1. 安卓画布开发基础解析

Canvas（画布）是Android图形系统的核心组件之一，它提供了2D图形绘制的基础API。在Android框架中，Canvas与View系统深度集成，每个View都拥有自己的Canvas实例用于绘制界面。

1.1 Canvas核心架构

Canvas的实现基于Skia图形库，这是一个开源的2D图形引擎。当系统调用View的onDraw()方法时，会自动创建一个关联Surface的Canvas对象。这个Canvas实际上是一个绘图命令的缓冲区，所有绘制操作最终会通过SurfaceFlinger合成到屏幕上。

关键类关系：

• Canvas：绘图命令的容器
• Paint：定义绘制样式（颜色、笔触等）
• Bitmap：像素数据存储
• Path：复杂形状描述

注意：现代Android开发中，虽然Compose正在成为新的UI框架，但Canvas在自定义视图和底层图形处理中仍不可替代。

1.2 基础绘制流程

典型自定义View的绘制流程如下：

class CustomView @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0 ) : View(context, attrs, defStyleAttr) { private val paint = Paint().apply { color = Color.RED style = Paint.Style.FILL strokeWidth = 4f } override fun onDraw(canvas: Canvas) { super.onDraw(canvas) // 绘制圆形 canvas.drawCircle(width/2f, height/2f, 100f, paint) // 绘制文本 canvas.drawText("Hello Canvas", 50f, 50f, paint) } }

这个简单示例展示了Canvas使用的三个关键点：

1. 在构造函数或init块中初始化Paint对象（避免在onDraw中创建）
2. 重写onDraw方法进行绘制
3. 使用Canvas提供的各种drawXxx方法

2. 高级绘制技术与优化

2.1 硬件加速与软件绘制

Android从4.0开始引入硬件加速，但Canvas的某些操作在硬件加速下不支持：

可以通过以下代码检查和控制硬件加速：

// 检查硬件加速状态 view.isHardwareAccelerated // 在AndroidManifest中控制 <application android:hardwareAccelerated="true">

2.2 绘制性能优化

1. 无效区域重绘：使用getClipBounds()获取脏区域，只重绘必要部分

   override fun onDraw(canvas: Canvas) { val clipBounds = canvas.clipBounds if (clipBounds.isEmpty) return // 只绘制clipBounds区域内容 }

2. 图层缓存：对静态内容使用Bitmap缓存

   private var cacheBitmap: Bitmap? = null private fun buildCache() { cacheBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888).apply { val cacheCanvas = Canvas(this) // 在cacheCanvas上绘制静态内容 } } override fun onDraw(canvas: Canvas) { cacheBitmap?.let { canvas.drawBitmap(it, 0f, 0f, null) } // 绘制动态内容 }

3. 避免过度绘制：

   • 使用canvas.quickReject()判断路径是否在可见区域
   • 设置View.setWillNotDraw(true)当不需要自定义绘制时

3. 实战：构建交互式画板

3.1 手势绘图实现

class DrawingView(context: Context) : View(context) { private val path = Path() private val paint = Paint().apply { color = Color.BLACK style = Paint.Style.STROKE strokeWidth = 8f strokeJoin = Paint.Join.ROUND strokeCap = Paint.Cap.ROUND } private val paths = mutableListOf<Pair<Path, Paint>>() override fun onTouchEvent(event: MotionEvent): Boolean { val x = event.x val y = event.y when (event.action) { MotionEvent.ACTION_DOWN -> { path.moveTo(x, y) return true } MotionEvent.ACTION_MOVE -> { path.lineTo(x, y) invalidate() } MotionEvent.ACTION_UP -> { paths.add(path to Paint(paint)) path.reset() } } return super.onTouchEvent(event) } override fun onDraw(canvas: Canvas) { paths.forEach { (p, paint) -> canvas.drawPath(p, paint) } canvas.drawPath(path, paint) } fun changeColor(color: Int) { paint.color = color } fun clear() { paths.clear() path.reset() invalidate() } }

3.2 高级特性扩展

1. 压力感应支持：

if (event.pointerCount > 0 && Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { val pressure = event.getPressure(0) paint.strokeWidth = baseWidth * pressure }

2. 撤销/重做功能：

private val undoStack = ArrayDeque<Pair<Path, Paint>>() private val redoStack = ArrayDeque<Pair<Path, Paint>>() fun undo() { if (paths.isNotEmpty()) { redoStack.addLast(paths.removeLast()) invalidate() } } fun redo() { if (redoStack.isNotEmpty()) { paths.add(redoStack.removeLast()) invalidate() } }

3. 导出为图片：

fun exportToBitmap(): Bitmap { val bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888) val canvas = Canvas(bitmap) draw(canvas) return bitmap }

4. 常见问题与调试技巧

4.1 性能问题排查

1. 过度绘制检测：

   • 在开发者选项中开启"显示过度绘制"
   • 理想状态：大部分区域显示为蓝色（1x过度绘制）
   • 红色区域（4x+过度绘制）需要优化

2. GPU渲染分析：

   adb shell dumpsys gfxinfo <package-name>

   关键指标：

   • Draw：每帧的draw call次数（应<100）
   • Prepare：UI线程准备时间（应<4ms）
   • Process：渲染线程处理时间（应<6ms）

4.2 典型问题解决方案

问题1：绘制内容闪烁

• 原因：在onDraw中创建新对象
• 修复：将Paint等对象移到成员变量初始化

问题2：文本测量不准确

// 正确测量文本宽度 val textWidth = paint.measureText("Sample") // 正确测量文本高度 val fontMetrics = paint.fontMetrics val textHeight = fontMetrics.descent - fontMetrics.ascent

问题3：抗锯齿效果差

// 启用高质量抗锯齿（API 29+） if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) { paint.isAntiAlias = true paint.isFilterBitmap = true paint.isDither = true }

4.3 高级调试工具

1. Canvas调试标记：

// 在开发时添加调试标记 if (BuildConfig.DEBUG) { canvas.drawRect(bounds, Paint().apply { color = Color.RED style = Paint.Style.STROKE strokeWidth = 2f }) }

2. 使用Android Studio的Layout Inspector：

   • 查看视图层次结构
   • 检查每个View的Canvas状态
   • 实时修改属性预览效果

3. 自定义性能监控：

class ProfilingCanvas(delegate: Canvas) : Canvas() { var drawCallCount = 0 override fun drawPath(path: Path, paint: Paint) { drawCallCount++ delegate.drawPath(path, paint) } // 重写其他draw方法... } // 在onDraw中使用 override fun onDraw(canvas: Canvas) { val profilingCanvas = ProfilingCanvas(canvas) super.onDraw(profilingCanvas) Log.d("DrawStats", "Draw calls: ${profilingCanvas.drawCallCount}") }

在实际项目中，Canvas的性能往往取决于绘制指令的复杂度和数量。我曾在一个绘图应用中通过以下优化将帧率从30fps提升到60fps：

1. 将静态背景预渲染为Bitmap
2. 使用Path缓存复杂路径
3. 实现区域性的无效化(invalidate(Rect))
4. 对绘制指令进行批处理

这些经验表明，Canvas开发中"提前计算"和"减少绘制指令"是两个最有效的优化方向。