渲染排序说明

UI 的渲染排序采用的是一个广度优先的排序方式,每一个渲染组件(例如:SpriteComponent)身上都有一个 priority 属性。排序从根节点下的子节点开始,根据子节点的优先级来确定整体的渲染结构,也就是根节点下的子节点的渲染排序已经决定了最终的渲染顺序。每一个子节点下的所有子节点的 priority 则来确定在当前子节点下的渲染顺序。

举个例子:

priority.png

从图中可以看出有一些节点是没有渲染组件的,但是它的子节点是有权利继续排序,因此,也是需要参与到排序的规则。整体的渲染顺序则是:B -> b1 -> C -> A -> a1 -> a2,在屏幕上的呈现状态为:a2 -> a1 -> A -> C -> b1 -> B。由于我们最终会根据 priority 进行节点排序,所以最终呈现给用户的节点顺序就是最终的渲染排序。

针对没有渲染组件但是也想要进行排序的节点,提供了 UIReorderComponent 组件来帮助控制排序。


UI 结构介绍

results matching ""

    No results matching ""