小米图形面试回忆：一帧图像是怎么跑到屏幕上的？
内容提要
本文梳理图形渲染岗高频面试题：一帧从App到屏幕分五阶段，UI线程录制绘制指令，RenderThread转为GPU调用，SurfaceFlinger合成，HWC优先硬件叠加，最后扫描送显。BufferQueue是生产者消费者队列，双缓冲易卡顿，三重缓冲以空间换流水线连续。OpenGL ES管线分八阶段，仅顶点与片元着色器可编程。
延伸解读
从应用到屏幕：五阶段流程的关键理解
文章将一帧的完整流程拆解为五个阶段，核心在于App只负责将内容绘制到缓冲区，而合成与送显由系统服务决定。UI线程录制绘制指令，RenderThread转为GPU调用，SurfaceFlinger负责合成，HWC优先硬件叠加，最后扫描送显。理解这一分工有助于定位性能问题：例如UI线程卡顿影响指令录制，RenderThread或GPU瓶颈影响绘制，合成阶段则可能因图层过多导致功耗上升。
BufferQueue与三重缓冲：空间换连续性的权衡
BufferQueue作为生产者-消费者队列，通过dequeueBuffer、queueBuffer、acquireBuffer、releaseBuffer四个动作管理缓冲区，并利用fence实现GPU与CPU的异步。双缓冲在渲染超时或VSync未对齐时会导致卡顿，因为前台显示完后无新帧可切换。三重缓冲增加一个中间缓冲区，允许App在SurfaceFlinger消费上一帧时准备下一帧，从而保持流水线连续，但代价是多一块内存和可能多一帧延迟，且不保证不丢帧。
OpenGL ES管线：可编程阶段与固定阶段的分工
OpenGL ES渲染管线共八个阶段，顺序固定，其中仅顶点着色器和片元着色器可编程。顶点着色器处理顶点变换与纹理坐标传递，图元装配和光栅化将几何图元离散为片元，片元着色器执行光照与纹理采样，最后经过逐片元测试写入Framebuffer。理解各阶段功能有助于优化渲染性能，例如减少顶点着色器计算或片元着色器复杂度，但需注意固定阶段如裁剪、剔除和测试对最终效果的影响。
Q&A
一帧图像从App绘制到屏幕显示要经过哪些阶段？
分为五个阶段：1. UI线程在VSync到来后执行measure、layout、draw，draw只把绘制指令录进DisplayList，不产生像素；2. RenderThread将DisplayList翻译成OpenGL ES或Vulkan调用，从BufferQueue申请空buffer交给GPU绘制，完成后queueBuffer归还并附上fence；3. SurfaceFlinger收到VSync后遍历各可见Layer，acquireBuffer取出最新buffer，计算Z序、裁剪与透明度，整理成图层清单；4. HWC优先用硬件图层直接叠加合成（Device Composition），当图层数超出overlay数量或需要复杂效果时退回GPU合成（Client Composition）；5. 最终提交显示控制器逐行扫描输出，SurfaceFlinger持ReleaseFence，待buffer扫描完毕才归还App复用。
BufferQueue的工作原理是什么？
BufferQueue是图形数据的生产者—消费者队列，核心有四个动作：dequeueBuffer取空buffer、queueBuffer写完归还、acquireBuffer消费者取用、releaseBuffer用完归还。取与还之间存在同步约束：dequeueBuffer拿到的buffer可能仍被消费者持有，此时返回ReleaseFence，需等其signal后才能安全写入；反向queueBuffer可附AcquireFence，消费者必须等它signal才能读取内容。这套机制让GPU不必等CPU，App提交命令后即可继续下一帧。
为什么需要三重缓冲？双缓冲有什么问题？
双缓冲的问题在于速率不匹配：两块buffer乒乓，只要这一帧渲染略微超时或两个VSync未能对齐，屏幕扫完当前帧准备切换时下一帧尚未画完，只能继续显示旧帧，用户感知为一次停顿。三重缓冲增加一块buffer错开使用，屏幕扫描、App工作、备用各占一块，App不必因上一帧未上屏而停工，代价是多一块内存与可能多一帧延迟——本质上是以空间换流水线连续性，不保证不丢帧。
OpenGL ES渲染管线有哪些阶段？
管线共八个阶段，顺序固定，其中仅顶点着色器和片元着色器可编程：1. 顶点着色器按顶点执行MVP变换、法线变换与纹理坐标传递；2. 图元装配把顶点拼成三角形；3. 裁剪与背面剔除丢弃不可见图元；4. 光栅化把三角形离散为片元；5. 片元着色器按像素执行光照计算与纹理采样；6. 逐片元测试（深度、模板、混合）；7. 写入Framebuffer。
HWC在图形合成中起什么作用？
HWC优先使用硬件图层直接叠加合成（Device Composition），此时GPU不参与、功耗最低。当图层数超出overlay数量或需要模糊等复杂效果时，退回GPU合成（Client Composition），功耗明显上升。
SurfaceFlinger在渲染流程中负责什么？
SurfaceFlinger收到VSync后遍历各可见Layer，acquireBuffer取出最新buffer，计算Z序、裁剪与透明度，整理成图层清单，然后决定合成方式（HWC硬件合成或GPU合成），最终提交显示控制器逐行扫描输出，并持有ReleaseFence，待buffer扫描完毕才归还App复用。核心是App只负责把内容画进buffer，合成与送显由SurfaceFlinger决定。
