Unity UI层级/遮挡顺序

CoderZ1010

已于 2022-04-29 13:09:40 修改

阅读量1.5w

点赞数 20

分类专栏： Unity 开发基础文章标签： unity3d Sibling Hierarchy

于 2021-09-23 14:23:50 首次发布

本文链接：https://blog.csdn.net/qq_42139931/article/details/120433873

版权

Unity 开发基础专栏收录该内容

18 篇文章

订阅专栏

本文介绍如何使用Unity中的Transform类函数SetSiblingIndex、SetAsFirstSibling和SetAsLastSibling来动态调整UI元素的显示层级，实现不同UI元素间的遮挡效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在Unity的Hierarchy层级面板中，层级在下的会遮挡住层级在上的UI视图，如下图所示，有三个Image物体Red、Yellow、Blue 层级从上到下，在Scene窗口中可以看见蓝色在最上层，会遮挡住黄色和红色、黄色在中间层，被蓝色遮挡但会遮挡红色，红色在最下层。

若想在程序运行过程中动态调整层级顺序，则需要用到Transfrom类中的函数SetSiblingIndex、SetAsFirstSibling、SetAsLastSibling：

1.SetSiblingIndex函数需要传入一个int类型参数，表示将该物体的层级调整为第几个；

2.SetAsFirstSibling函数会将层级调整为第一个；

3.SetAsLastSibling函数会将层级调整为最后一个。

using UnityEngine;

public class Foo : MonoBehaviour
{
    public Transform red;
    public Transform yellow;
    public Transform blue;

    private void Start()
    {
        red.SetAsLastSibling();
    }
}

上述代码运行后会将red的层级调整为最后一个，可见遮挡效果变为红色遮住其它颜色：