UGUI系列——UI渲染层级

时间:2024-03-15 19:53:05

一、UI渲染层级概念

UI渲染层级实际简单理解就是我们时间看到的UI遮挡关系,在unity中有多种方式可以控制UI的渲染顺序

在unity中层级通常都是用数字表示的比如相机的Depth,Canvas的Order Layer,它们的参数都是数字,那么首先,我们要清楚,这个数字代表的含义
UGUI系列——UI渲染层级

如图,就好像我们从上向下看一样,数字大的在上面,数字小的在下面,所以在显示上层级数字大的会覆盖层级数字小的

引擎渲染的时候,是按照数字从小到大依次渲染,那么就意味着后渲染的会覆盖之前渲染的,所以看起来就是遮挡住了之前的UI

二、决定UI显示顺序的因素

1)Camera

对层级影响最大的是相机,相机的Depth属性代表的是相机的渲染层级,这个是决定UI显示顺序的首要因素

2)Sorting Layer

其次是Sorting Layer,它是根据你自动定义的层级从上至下依次渲染
UGUI系列——UI渲染层级
也就是下面的layer会覆盖上面的layer

3)Order in Layer

顾名思义,就是决定在同layer内的渲染顺序

4)UI的自然层级

这个自然层级是我自己对这部分的称呼,实际就是UI在Hierarchy中的排列顺序
在unity中Hierarchy上的物体是从上至下渲染的,也就是说,放到下面的UI会覆盖上面的UI
UGUI系列——UI渲染层级
UGUI系列——UI渲染层级
但是UI的自然层级只有在没有指定sort之类的东西的时候才有效,在指定了渲染顺序后,以指定的顺序为优先

我会在我的公众号上推送新的博文,也可以帮大家解答问题
微信公众号 Andy and Unity 搜索名称或扫描二维码
UGUI系列——UI渲染层级
希望我们能共同成长,共同进步