由图可见,整个 Flutter 界面渲染是从GPU
开始,「垂直串行vsync
」进行依次渲染,直至将「图层树Layer Tree
」展示出来。
那么,途径的几个阶段到底是怎么样呢?
-
Animate
:标记改变控件状态的动画(Tick animations to change widget state) -
Build
: 当组件状态发生变化时,重构控件还记得之前通过setState()改变控件状态吗
(Rebuild widgets to account for state changes) -
Layout
:更新要渲染控件的尺寸和位置(Update size and position of render objects) -
Paint
:记录要展示的混合视图层(Record display lists for composited layers)
网友评论