美文网首页
Flutter 界面渲染流程

Flutter 界面渲染流程

作者: 黑键手记 | 来源:发表于2019-03-12 15:09 被阅读0次

    由图可见,整个 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)

    相关文章

      网友评论

          本文标题:Flutter 界面渲染流程

          本文链接:https://www.haomeiwen.com/subject/jjxnpqtx.html