将相机 (2D) 与画布对齐

更新页 :
页面创建日期 :

验证环境

窗户
  • 窗户11
Unity 编辑器
  • 2020.3.25f1

相机和画布的初始状态

当您将“输入字段”或“按钮”作为对象放置时,会自动创建“画布”。 但是,由于相机(2D)的显示区域和画布的显示区域在编辑器中不同,因此在编辑过程中很难掌握放置在相机显示区域中的物体与画布UI的位置关系。

如果运行游戏,这两个视图将暂时重叠。

在3D的情况下,相机的位置被放置在3D空间中,因此与UI完全不同的排列没有问题。 在 2D 中,相机的视点和 UI 的视点通常是相同的,因此这里我们将两种布局设置为处于同一位置。

将画布与相机对齐

在场景中放置某种 UI,例如按钮。 Canvas 将自动添加。

选择添加的 Canvas 并将 Render Mode 从 Inspector Canvas 更改为 Screen Space - Camera。

添加了一个名为“渲染相机”的新项目,并显示警告。 在此处设置您的相机。

警告
A Screen Space Canvas with no specified camera acts like an Overlay Canvas.
(カメラが指定されていないスクリーンスペースキャンバスは、オーバーレイキャンバスのように機能します。)

您可以从“无(相机)”右侧的按钮中选择它。 将层次结构中的那些拖放到渲染相机上 Main Camera 会更快。 如果选择主摄像头,则无法将其放在画布上。 在 Canvas 仍处于选中状态的情况下,将 Main Camera 拖放到 Render Camera 上。

然后,在“场景”视图中,画布将没有区域。

如果放大,您可以看到放置在画布上的对象在相机的范围内可见。 现在,您可以设置相机的可见范围和放置在画布上同一区域的 UI。