Unity入门-UGUI详解-画布

快速导航

• UI组件

  • 画布

  • 图片

  • 文本

  • 按钮

  • 单选框

  • 滑动条

  • 滚动条

  • 下拉菜单

  • 输入框

  • 视频播放

• 控制组件

  • 矩形变换组件
  • 布局元素组件
  • 布局控制组件

• UI事件

• 图集

• 渲染顺序

1. 画布

1.1 简介

画布组件是UI渲染最主要的组件。

我们可以将画布组件理解成一个容器，其他UI元素都必须填充到该容器中，最终形成我们看到的一个UI界面。

如果场景中没有画布，那么我们创建任何一个UI元素，都会自动创建画布，并且将新元素置于其下。

因此可以游戏中用到画布组件的地方均可以作为一个独立的游戏界面。

当容器的渲染属性发生改变时，所有子物体均会受到影响。

1.2 特点

• 只有放在画布组件下的子物体才会参与UI的渲染。
• 形状大小取决于屏幕分辨率， 创建出来的画布组件是一个矩形，我们可以修改Game窗口的分辨率选项来修改矩形的大小。

窗口分辨率默认设置为Free Aspect我们可以把它切换成90像素x1080像素这样具体数值的分辨率，这样我们的界面就不容易易出现变形。

• 子物体的渲染层级取决于UI元素在层次结构中出现的顺序
  两个UI元素在位置上重叠，层级结构下方的UI元素会遮挡上方的UI元素

1.3 渲染模式

三种渲染模式的区别：

渲染模式	画布对应屏幕	摄像机	像素对应	适合类型
Screen Space-Overlay	是	不需要	可选	2D UI
Screen Space-Camera	是	需要	可选	2D UI
World Space	否	需要	不可选	3D UI

1.3.1 覆盖渲染模式

Screen Space-Overlay（屏幕控件-覆盖模式）