Flutter 像素编辑器#03 | 像素图层
内容提要
本文介绍了使用Flutter开发全平台像素修改器应用的过程，包括图层的概念和实现方法，图层的增加、切换和删除操作，中心区域的制作逻辑和缩略图的制作方法。后续将完善图层的更多功能，如确定、合并、复制和修改等。
延伸解读
图层独立网格与数据隔离
文章指出每个图层可独立配置网格数量，并将行列数视为视图数据，由各图层自行维护。这意味着不同图层可以拥有不同的网格密度，互不干扰。实现上，PixLayer 持有 row、column 和 pixCells 列表，切换图层时，PixPaintLogic 通过 activeLayerId 获取对应图层的数据，从而保证像素内容隔离。这种设计为后续图层合并、复制等功能提供了基础。
Picture 复用优化绘制性能
文章强调，若在缩略图中重新绘制像素内容，会导致每次视图变化时重复遍历像素点并绘制矩形，造成性能浪费。为此，作者将图层内容抽象为 Picture 对象，主视图和缩略图共用同一份 Picture，仅通过缩放比例适配不同尺寸。这样既减少了重复绘制，也保证了内容一致性。PaintLayer 的 update 方法负责在数据变化时重新生成 Picture。
图层增删切换的逻辑细节
增加图层时，使用 Uuid 生成唯一标识，并将新图层插入到当前激活图层上方，然后更新激活索引。删除图层时，若仅剩一个图层则禁止删除；若删除的是最后一个图层，则激活前一个，否则激活下一个。切换图层时，更新 activeLayerId 并调用 update 刷新 Picture，再通知监听器。这些细节确保了图层操作的安全性和状态一致性。
Q&A
Flutter 像素修改器的主要功能是什么？
Flutter 像素修改器支持新建、切换和删除图层，各图层间的像素内容互不干涉。
如何在 Flutter 像素修改器中增加图层？
通过调用 addPixLayer 方法，使用 Uuid 生成唯一标识并将新图层插入到图层列表中。
在 Flutter 像素修改器中，如何切换激活的图层？
调用 changeActiveLayer 方法，更新 activeLayerId，并通过 activePixLayer.update 更新图层数据。
如何删除激活的图层？
调用 removeActiveLayer 方法，确保至少保留一个图层，并更新激活图层。
PixLayer 类在像素修改器中有什么作用？
PixLayer 类负责制作像素图层，持有行列数和像素数据列表，并实现绘制逻辑。
后续将完善哪些图层功能？
后续将完善图层的确定、合并、复制和修改等功能。
