Compositing：什么是合成、图层及工作原理

什么是合成？

Compositing — 是图形管线的最后阶段，所有单独渲染的图层（3D场景、UI元素、视频、系统界面）合并为单个图像以显示在屏幕上。每个图层可以有自己的颜色、透明度（alpha）、位置和叠加顺序。

在移动开发中，合成对用户界面非常重要：窗口、按钮、文本、图标——所有这些元素都在一个场景中合成。合成系统管理绘制顺序（z-order）、半透明元素的正确叠加以及UI状态之间的过渡动画。

图形管线中的合成

在图形管线中，合成发生在所有着色器通道和光栅化完成之后。GPU从帧缓冲区获取准备好的图层，应用混合操作，并将结果写入主帧缓冲区（前端缓冲区）以发送到显示器。

合成如何工作？

Compositing 使用不同图层颜色的逐像素混合。输出图像的每个像素根据叠加图层中像素的颜色计算，考虑透明度（alpha通道）和选定的混合模式。

Alpha通道和透明度

每个图层包含一个alpha通道（RGBA颜色的第四个分量），决定其不透明度。Alpha = 1.0 — 完全不透明，alpha = 0.0 — 完全透明。Alpha blending 将像素颜色计算为前景（source）和背景（destination）图层颜色的加权和：result = source * alpha + dest * (1 - alpha)。

绘制顺序（画家算法）

合成按从最远图层到最近图层的顺序（从后到前）执行。首先渲染背景图层，然后每个后续图层根据其透明度叠加在前一个图层之上。Z-order 确定哪个图层在上方并将覆盖下面的图层。

合成算法

Compositing 支持各种混合模式，决定图层颜色如何组合。每种模式提供不同的视觉效果并具有各自的计算成本。

Premultiplied Alpha

在预乘alpha模式下，颜色通道已经乘以alpha通道（RGB × A）。这消除了每次混合操作时的乘法需求，加速了合成。预乘alpha是iOS Core Animation和Android HWUI中GPU合成的标准格式。

移动操作系统中的合成

每个移动操作系统都有自己的合成系统，针对其硬件平台进行了优化。Compositing 在移动操作系统中负责渲染整个用户界面。

iOS：Core Animation + Metal

在iOS中，合成由Core Animation管理——一个运行在Metal或OpenGL ES之上的高级系统。Core Animation创建一个图层树（layer tree），然后合成为最终图像。Core Animation 自动检测哪些图层发生了变化，并仅重新渲染这些图层（增量合成），从而最小化GPU负载。

Android：SurfaceFlinger + HWUI

在Android中，合成由SurfaceFlinger执行——一个系统服务，合并来自不同应用程序和系统界面的表面（surfaces）。SurfaceFlinger 使用HWC（硬件合成器）将部分合成工作转移到显示控制器的专用硬件上。

合成性能

合成性能 — 移动应用中常见的瓶颈，特别是在复杂动画和叠加多个半透明图层时。每个额外图层都需要在内存中读取、混合和写入像素。

影响性能的因素

• 图层数量 — 每个图层需要单独的混合通道。减少图层数量线性加速合成。
• 图层分辨率 — 高分辨率图层增加了处理的像素数量。使用尽可能小的离屏缓冲区大小。
• 透明度和过度绘制 — 半透明图层需要读取下面的像素，增加了带宽。
• CPU合成 — 如果在CPU上执行合成（软件渲染），性能急剧下降。GPU合成始终更可取。

GPU合成与CPU合成

现代移动设备通过专门的混合块在GPU上执行合成。GPU合成 使用并行ROP块和纹理过滤器进行快速像素混合。CPU合成仅在少数情况下使用（旧设备、测试）。

合成优化

合成优化 — 移动界面开发中的关键任务之一。UI流畅度（60 FPS）直接取决于图层合并的效率。

主要优化方法

• 最小化图层 — 通过预先渲染将静态图层合并为一个（图层扁平化）。
• 不透明图层 — 不透明图层不需要alpha混合，显著加速合成。
• 增量合成 — 仅重新渲染变化的图层，而非整个场景（Core Animation使用）。
• 硬件合成器 — 使用HWC进行无需GPU的硬件合成。

性能分析工具

用于分析合成性能的工具：Core Animation Profiler（Xcode Instruments）— 显示图层数量和合成频率；GPU Debugger（Android Studio）— 显示GPU负载和过度绘制；Overdraw Visualisation — 调试工具，显示多次像素重绘的区域。