Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系

 时间:2026-02-13 11:41:45

1、打开Unity,新建一个空工程,具体如下图

Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系

2、在场景中,添加一个“Canvas”,并且新建一个“Image”,具体如下图

Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系

3、再在“Canvas”下,新建一个“Image(1)”,图片改为黄色,并与“Image”错开,很明显,同一个Canvas画布下,UI谁在下,谁显示在前面,具体如下图

Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系

4、把“Canvas”下的“Image”作为“Image(1)”的子物体,这时“Image”下是在前面;同一个Canvas画布下,子物体UI比父物体UI显示在前,具体如下图

Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系

5、再在场景中,新建一个“Canvas(1)”,并且新建一个“Image”,图片改为绿色,此时,两个Canvas画布谁显示在前是随机的,无论谁在上在下,把“Canvas”调下来,也是显示在后面,具体如下图

Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系

Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系

6、把“Canvas”的“Sort  Order”设置为 1(默认为0),由于“Canvas”的“Sort  Order”比“Canvas(1)”值高,所以显示在前面,具体如下图

Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系

7、总结:

1)在同一个Canvas画布下,UI越靠下,显示越靠前,子类显示优先于它的父类

2)多个Canvas画布,“Sort Order”值一样时,显示前后是随机的;当“Sort Order”值不一样时,值越大,显示越靠前

8、到此,《Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系》讲解结束,谢谢

  • Unity UI教程之 快速实现点击空白关闭当前界面
  • Axure模拟网易云音乐播放界面
  • unity如何重新加载场景
  • Animate如何使用钢笔工具
  • Unity如何实现跳跃功能
  • 热门搜索
    牛肉炖柿子的家常做法 鸡爪怎么做好吃 卷心菜怎么做好吃 工作周报怎么写 怎么看自己电脑的配置 乌龟的饲养方法 家常便饭菜谱 板栗烧鸡的家常做法 h漫大全 鸭蛋怎么腌