网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

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

时间:2024-10-14 05:58:18

Unity UGUI技巧 之Canvas在Overlay下UI遮挡关系。本节介绍,在游戏开发中,Canvas于“Overlay”下UI的遮挡关系的简单案例,具体如下

工具/原料

Unity

UGUI

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

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)在同一个Can箪滹埘麽vas画布下,UI越靠下,显示越靠前,子类显示优先于它的父类2)多个Canvas画布,“Sort Order”值一样时,显示前后是随机的;当“Sort Order”值不一样时,值越大,显示越靠前

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

© 2026 五度知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com