Flutter 像素编辑器#03 | 像素图层
💡
原文中文，约5700字，阅读约需14分钟。
📝
内容提要
本文介绍了使用Flutter开发全平台像素修改器应用的过程，包括图层的概念和实现方法，图层的增加、切换和删除操作，中心区域的制作逻辑和缩略图的制作方法。后续将完善图层的更多功能，如确定、合并、复制和修改等。
🎯
关键要点
- 使用Flutter开发全平台像素修改器应用，源码可在开源项目pix_editor中找到。
- 引入图层概念，支持新建、切换和删除图层，图层间像素内容互不干涉。
- 需求分析中，图层独立装备网格数量，优化图层内容展示。
- 定义PaintLayer类，持有Picture数据，处理图层的绘制逻辑。
- PixLayer类负责制作像素图层，包含行列数和像素数据列表。
- PixPaintLogic类处理图层的事务逻辑，维护PaintLayer列表和激活图层索引。
- 增加图层时，使用Uuid生成唯一标识，并更新激活图层。
- 激活图层通过更新activeLayerId和调用update方法实现。
- 删除图层时，确保至少保留一个图层，并更新激活图层。
- 视图层处理通过PixEditorPainter绘制激活图层的picture。
- LayerPreview组件封装缩略图，使用同一份picture资源。
- 图层操作面板使用ListView展示PaintLayer列表数据。
- 后续将完善图层的更多功能，如确定、合并、复制和修改等。
➡️
