【uGUI】基本布局_Unity3d 开发技术

【uGUI】基本布局_Unity3d 开发技术

  本节我们来学习如何相对 Canvas 和其他元素来布局我们的 UI。我们可以先创建一个 Image 用来测试，在 GameObject 菜单中选择 UI -> Image 来创建。

Rect 工具

  每个 UI 元素都会用一个矩形表示，这样方便布局。在工具栏中选择 Rect 工具之后，我们就能在 Scene 视图中操作这个矩形。Rect 工具既能用于 Unity 中的 2D 物体和 UI 系统，对 3D 物体也同样能够使用。

 

选择工具栏中的 Rect 工具

  Rect 工具能够移动、缩放、旋转 UI 元素。一旦选择了一个 UI 元素，我们就可以点击矩形内任意位置进行拖拽，来移动 UI 元素。我们也可以点击并拖动矩形的边界或者四个角，来调整元素的大小。把鼠标停留在稍微远离矩形的四个角的位置，鼠标光标会变成一个旋转的图标，然后我们可以单击并拖拽，进行任意方向上的旋转。

  和其他工具一样，Rect 工具需要使用当前元素的中心点和局部坐标，我们需要在工具栏中进行设置。当我们需要对 UI 进行操作时，最好先设置成 Pivot 和