Unity(2022.3.41LTS) - UI详细介绍-画布

目录

零. 简介

一、画布的作用

二、画布的组件

Canvas Scaler（画布缩放器）：

Constant Pixel Size模式 更改分辨率

Scale With Screen Size 模式 更改分辨率

Constant Physical Size模式 更改分辨率

Graphic Raycaster（图形射线投射器）：

三、创建和编辑画布

四、代码控制画布

五、优化和注意事项

六. UI自适应,适配

---

零. 简介

在 Unity 中，画布（Canvas）是构建用户界面（UI）的基础组件。

一、画布的作用

1. 容器：画布是所有 UI 元素的根容器。所有的 UI 组件，如文本、按钮、图像等，都必须是画布的子对象才能在游戏中显示。
2. 渲染模式：决定了 UI 元素在屏幕上的渲染方式。Unity 提供了三种主要的画布渲染模式：
   • Screen Space - Overlay：UI 元素直接渲染在屏幕上，无视场景中的相机。这种模式下，UI 始终在最前面，并且大小与屏幕分辨率直接相关。
   • Screen Space - Camera：UI 元素通过一个指定的相机进行渲染。可以设置相机的距离和视角，使 UI 看起来像是在 3D 场景中的一个平面上。这种模式对于创建与场景深度相关的 UI 效果很有用。专门做一个UI摄像机用来渲染.和主摄像机设置好深度.
   • World Space：画布被视为一个普通的 3D 游戏对象，可以在场景中进行定位、旋转和缩放。UI 元素会根据世界坐标进行渲染，适合创建与场景交互的 3D UI。
   • 

二、画布的组件

1. Canvas Scaler（画布缩放器）：

   • 用于控制画布的缩放方式，以适应不同的屏幕尺寸和分辨率。
   • 提供了三种缩放模式：
     • Constant Pixel Size：UI 元素的大小以像素为单位固定，不会随屏幕分辨率变化而缩放。在不同分辨率下，UI 可能会出现裁剪或显示不全的情况。
     • Scale With Screen Size：根据屏幕的尺寸和分辨率进行缩放。可以设置参考分辨率，当屏幕尺寸与参考分辨率不同时，UI 会自动进行缩放以保持相对比例。
     • Constant Physical Size：根据物理尺寸进行缩放，例如毫米或英寸。这种模式适用于需要在不同设备上保持实际物理大小一致的 UI。