[UGUI]UI绘制与重建

参考链接：

https://zhuanlan.zhihu.com/p/448293298

 

UGUI源码地址：

https://github.com/Unity-Technologies/uGUI/tree/2018.4

 

一.UI绘制

以Image为例，顶点信息会填充到VertexHelper，然后通过CanvasRenderer组件进行绘制

 

二.UI重建

重建分为布局重建和图形重建

1.UI组件重建，需要实现ICanvasElement接口中的Rebuild方法

 

2.CanvasUpdateRegistry类中的有两个队列：

m_LayoutRebuildQueue，布局重建队列，当UI的布局需要更新时将其加入队列

m_GraphicRebuildQueue，图形重建队列，当UI的图形需要更新时将其加入队列

该类会监听Canvas.willRenderCanvases事件，在画布将要渲染时遍历这2个队列进行处理

 

3.一般来说，当UI的属性发生变化时，该UI就会将自身加入到重建队列中