UGUI系列——Canvas

最新推荐文章于 2024-09-15 19:15:00 发布

蓝天小僧（Andy）

最新推荐文章于 2024-09-15 19:15:00 发布

阅读量1.7k

点赞数 4

分类专栏： UGUI Unity UnityGUI应用文章标签： Unity UGUI 组件

本文链接：https://blog.csdn.net/zcaixzy5211314/article/details/86515123

版权

Unity 同时被 3 个专栏收录

22 篇文章 9 订阅

订阅专栏

UnityGUI应用

16 篇文章 5 订阅

订阅专栏

UGUI

15 篇文章 8 订阅

订阅专栏

UGUI系列其他博文，可通过导航帖查看

一、Canvas概念

Canvas是画布的意思，也就是所有的UI都是在它的上面显示的，在unity中的表现就是，所有的UI元素必须是Canvas的子物体才能显示出来

二、Canvas属性

下面根据渲染模式，分三种情况介绍

RenderMode：渲染模式

1）Screen Space-Overlay

在这里插入图片描述
就是画布覆盖在整个屏幕上，UI将绘制在其他任何图形上就是画布覆盖在整个屏幕上，UI将绘制在其他任何图形上
例如：

Pixel Perfect：
是否为了准确的显示图片的像素而关闭抗锯齿
要是开了抗锯齿的话，它图片的像素就会不那么准确

Sort Order:
就是当前画布的层级（后面会有单独讲层级的部分）
Target Display:
当前画布显示到哪个屏幕上，这个是unity的多屏处理方案，最多同时显示八个
默认是开启一个屏幕，代码可以激活屏幕，但是激活后就不能关闭
Display是控制分屏的类
Display.displays是当前的屏幕数量
激活对应屏幕可以像下面这样写

    if (Display.displays.Length > 1)
        Display.displays[1].Activate();

2）Screen Space-Camera

在这里插入图片描述
在此模式下，Canvas呈现为好像是在给定摄影机前面一定距离的平面对象上绘制的。任何3D对象在此模式下，Canvas呈现为好像是在给定摄影机前面一定距离的平面对象上绘制的。

任何3D对象在比UI平面更靠近相机的场景中，将在UI前面渲染，而平面后面的物体将被遮挡

在这里插入图片描述
Pixel Perfect：
是否为了准确的显示图片的像素而关闭抗锯齿
要是开了抗锯齿的话，它图片的像素就会不那么准确
Render Camera：
给当前画布指定渲染相机
Plane Distance：
画布平面和相机的距离
Sorting Layer：
指定画布所在的渲染层级（后面会有单独讲层级的部分）
Sort Order:
就是当前画布的层级（后面会有单独讲层级的部分）