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

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

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

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

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

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

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

7、总结：

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

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

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