本文主要介绍
RendererBinding.drawFrame()
负责生成帧。这个方法对于理解 Flutter 渲染过程非常重要。简单了解下。
RendererBinding.drawFrame()
由 SchedulerBinding.handleDrawFrame()
方法调用,而后者又自动被引擎调用(如果引擎需要布局和绘制一帧的话)。
RendererBinding.drawFrame()
的源码如下:
void drawFrame() {
assert(renderView != null);
// 布局
pipelineOwner.flushLayout();
// 检查是否需要重绘
pipelineOwner.flushCompositingBits();
// 重绘
pipelineOwner.flushPaint();
renderView.compositeFrame(); // this sends the bits to the GPU
pipelineOwner.flushSemantics(); // this also sends the semantics to the OS.
}
flushPaint()
调用 PaintingContext.repaintCompositedChild(node)
方法,后者是真正的绘制逻辑。
每帧由以下几个阶段组成:
SchedulerBinding.handleBeginFrame
(由 Window.onBeginFrame
注册),按注册顺序调用所有的临时帧回调 (由 scheduleFrameCallback
注册)。这些回调包括所有用于驱动 AnimationController
对象的 Ticker
实例,即该时间点的所有活跃 Animation
对象。handleBeginFrame
返回后,由临时帧回调注册的方法调度的 microtasks 开始运行。之后,由 Window.onDrawFrame
注册的 handleDrawFrame
回调开始执行,它调用所有的持久帧回调。其中最重要的是 drawFrame
方法,它的处理过程如下RenderObject
(如何将对象标脏以便布局,可参考 RenderObject.markNeedsLayout
) 进行布局RenderObject
中的 compositing bits。具体参考 RenderObject.markNeedsCompositingBitsUpdate
RenderObject
被重绘。这个过程生成 Layer
树。如何将对象标脏以便绘制,可参考 RenderObject.markNeedsPaint
Scene
并发送到 GPURenderObject
的 semantics 被更新。具体见 RenderObject.semanticsAnnotator
。这个过程生成 SemanticsNode
树。如何将对象标脏以用于 semantics,可参考 RenderObject.markNeedsSemanticsUpdate
PipelineOwner
drawFrame
返回后,handleDrawFrame
调用 post-frame 回调。(由 addPostFrameCallback
注册)注意:某些绑定会向上述过程添加额外步骤,比如,WidgetsBinding
会添加 WidgetsBinding.drawFrame
。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。