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使用的三个关键点：
- 在构造函数或init块中初始化Paint对象（避免在onDraw中创建）
- 重写onDraw方法进行绘制
- 使用Canvas提供的各种drawXxx方法
2. 高级绘制技术与优化
2.1 硬件加速与软件绘制
Android从4.0开始引入硬件加速，但Canvas的某些操作在硬件加速下不支持：
| 操作类型 | 硬件加速支持 | 替代方案 |
|---|---|---|
| drawTextOnPath | 部分支持 | 使用PathMeasure+drawText |
| setShadowLayer | 支持 | - |
| clipPath | 部分支持 | 使用矩形裁剪替代 |
| drawPicture | 不支持 | 使用Bitmap缓存 |
可以通过以下代码检查和控制硬件加速：
// 检查硬件加速状态 view.isHardwareAccelerated // 在AndroidManifest中控制 <application android:hardwareAccelerated="true">2.2 绘制性能优化
无效区域重绘：使用getClipBounds()获取脏区域，只重绘必要部分
override fun onDraw(canvas: Canvas) { val clipBounds = canvas.clipBounds if (clipBounds.isEmpty) return // 只绘制clipBounds区域内容 }图层缓存：对静态内容使用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) } // 绘制动态内容 }避免过度绘制：
- 使用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 高级特性扩展
- 压力感应支持：
if (event.pointerCount > 0 && Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { val pressure = event.getPressure(0) paint.strokeWidth = baseWidth * pressure }- 撤销/重做功能：
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() } }- 导出为图片：
fun exportToBitmap(): Bitmap { val bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888) val canvas = Canvas(bitmap) draw(canvas) return bitmap }4. 常见问题与调试技巧
4.1 性能问题排查
过度绘制检测：
- 在开发者选项中开启"显示过度绘制"
- 理想状态：大部分区域显示为蓝色（1x过度绘制）
- 红色区域（4x+过度绘制）需要优化
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 高级调试工具
- Canvas调试标记：
// 在开发时添加调试标记 if (BuildConfig.DEBUG) { canvas.drawRect(bounds, Paint().apply { color = Color.RED style = Paint.Style.STROKE strokeWidth = 2f }) }使用Android Studio的Layout Inspector：
- 查看视图层次结构
- 检查每个View的Canvas状态
- 实时修改属性预览效果
自定义性能监控：
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：
- 将静态背景预渲染为Bitmap
- 使用Path缓存复杂路径
- 实现区域性的无效化(invalidate(Rect))
- 对绘制指令进行批处理
这些经验表明，Canvas开发中"提前计算"和"减少绘制指令"是两个最有效的优化方向。