如何使用Flutter开发具备图层功能的高性能绘画应用

• 单图层离屏缓存实现
  每个独立图层单独维护PictureRecorder实例，新增笔触时仅将最新绘制内容录制到当前Recorder，无需重绘该图层历史所有笔触。图层渲染时直接将已录制完成的Picture或其转换的ui.Image绘制到画布，单图层绘制调用次数固定为1次，和内部笔触总量无关。
• 重绘区域隔离
  所有图层组件外层包裹RepaintBoundary组件，指定独立的重绘标记，单个图层内容更新时仅触发自身重绘，不会联动其他图层或页面其他组件重绘，大幅缩小重绘计算范围。
• 实时笔触分层处理
  正在拖动绘制的临时笔触不要直接合并到图层缓存，单独用一个顶层的CustomPainter负责绘制未完成的临时笔触，用户抬手确认笔触完成后再合并到对应图层的离屏缓存中，避免拖动过程中频繁触发缓存更新。
• 多图层合并优化
  对于标记为锁定、隐藏的图层，提前合并为统一的离屏缓存，视图渲染时仅需要绘制可见的未锁定图层和合并后的缓存图层，减少实时绘制的调用次数。

优化提示：非必要场景优先直接绘制Picture实例，其内存占用和绘制性能优于转换后的ui.Image，仅在需要做像素级操作（如滤镜、取色、导出）时再执行Picture.toImage转换即可。

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