UI的学习和使用

了解Canvas和EventSystem

Canvas

Canvas意为画布，是所有UI物体的父物体，从上一篇博客中可以看到，当我们创建了一个Button后，直接为我们生成了Canvas，并将Button设置为其子物体。

移动光标点选到Canvas后，在Inspector界面中显示了其自带的4个组件，分别为

• Rect Transform
  显示了画布的大小、位置、旋转等信息
• Canvas
  画布，包含渲染模式和附加的Shader通道。更改不同的渲染模式可以看到其对应的变量也会发生相对应的改变。
  屏幕空间-覆盖
  屏幕空间-摄像机
  以及世界空间
  
• Canvas Scaler
  画布画质设置，通过该组件，可以对画布中所有的UI 元素的缩放和像素密度进行控制
  

  • 当模式为Constant Pixel Size时，代表使 UI 元素保持固定的像素大小，无论屏幕大小。

  • 当模式为Scale With Screen Size时，代表屏幕越大，UI 元素越大。

  • 当模式为Constant Physical Size时，代表使 UI 元素保持相同的物理大小，而不考虑屏幕大小和分辨率。

• Graphic Raycaster
  图形光线投射器，用于在画布上进行光线投射。