8、composite 流程分析

1、Flutter 之圖像繪製原理

2、Widget、Element、RenderObject

3、Flutter UI 更新流程

4、build 流程分析

5、layout 流程分析

6、Paint 繪製（1）

7、Paint 繪製（2）

9、Flutter 小實踐

(1) drawFrame

void drawFrame() {
  
  pipelineOwner.flushLayout();
  pipelineOwner.flushCompositingBits();
  pipelineOwner.flushPaint();
  renderView.compositeFrame(); // this sends the bits to the GPU
}
複製代碼

(2) compositeFrame

void compositeFrame() {
    final ui.SceneBuilder builder = ui.SceneBuilder();
    final ui.Scene scene = layer.buildScene(builder);
    if (automaticSystemUiAdjustment)
      _updateSystemChrome();
    _window.render(scene);
    scene.dispose();
}
複製代碼

Composited Layer就是把全部layer組合成Scene，而後經過 ui.window.render 方法，把 scene提交給Engine，到這一步，Framework向Engine提交數據基本完成了