1. Canvas
Canvas Component 是UI布局和渲染的抽象空間,所有的UI都必須在此元素之下(子物件),簡單來說 Canvas 就是渲染 UI 的組件。
2. Render Mode
UI渲染的方式,有以下三種:
- Screen Space – Overlay:屏幕空間 – 覆蓋
- Screen Space – Camera:屏幕空間– 攝像機
- World Space:世界坐標空間
1).Screen Space – Overlay
在此模式下不會參照到Camera,UI直接顯示在任何圖形之上。
Pixel Perfect:可以使圖像更清晰,但是有額外的性能消耗,如果在有大量UI動畫的時候,可能會有卡頓。
Sort Order:深度值,該值越高越接近前面。
2).Screen Space – Camera
使用一個Camera作為參照,將UI平面放置在Camera前的一定距離,因為是參照Camera,如果屏幕大小、分辨率、Camera視錐改變時UI平面會自動調整大小。如果Scene中的物件(Game Object)比UI平面更靠近攝像機,就會遮擋到UI平面。
Render Camera:用於渲染的攝像機
Plane Distance:與Camera的距離
Sorting Layer:Canvas屬於的排序層,在 Edit->Project Setting->Tags and Layers->Sorting Layers 進行新增,越下方的層顯示越前面。
Order in Layer:Canvas屬於的排序層下的順序,該值越高越靠前。
3). World Space
把物體當作世界座標中的平面(Game Object),也就是當作3D物件,顯示示3D UI。
Event Camera:處理UI事件(Click、Drag)的Camera,所設定的Camera才能觸發事件。