13.3.2　UI元素的绘制顺序

Canvas作为UI元素的依附对象，其名称“画布”很形象地描述了实现UI的原理。由于一个Canvas上通常有多个UI元素，因此其摆放顺序也很重要。UI元素的顺序和Photoshop等软件中的“图层”顺序相似，即按照它们在Hierarchy面板中出现的顺序进行绘制。先绘制第一个UI元素，再绘制第二个UI元素，依次类推。如果两个UI元素位置重叠，则后面的UI元素会出现在之前的UI元素上面。例如在当前场景中，由于“Image”(场景中的粉色矩形)在“Button(Legacy)”之后创建，因此场景中的按钮被其遮盖，如图13.10所示。

图13.10　Button(Legacy)被Image遮盖

要将按钮调至粉色矩形的上方，只要在Hierarchy面板中将“Image”拖至“Button(Leg.acy)”之上即可，场景里的UI元素对象会相应地变换叠加顺序，如图13.11所示。

图13.11　Button(Legacy)移至Image上方

此外，也可以在编写脚本时，通过调用Transform组件上的Set AsFirstSibling、Set As LastSibling、SetSiblingIndex方法对UI元素的层次顺序进行重新排列。