UGUI
UGUI 是官方的UI系统,此外还有 NGUI 等插件。
- 在 Hierarchy 中 右击-UI 来创建UI。
若之前没有创建过Canvas,则会自动先创建一个Canvas物体,其他内容作为它的子物体,才能有效果。
同时会自动创建一个EventSystem
。
Rect Transform 组件
用于控制UI物体的位置,RectTransform
类是Transform
的子类。
物体的锚点用于表示该物体的四角和父对象锚点的位置关系。物体的四个锚点可以聚集在一起,也可以分开放置以实现跟随父元素等比缩放。
Canvas 组件
- Render Mode
Screen Space - Overlay:画布将填充屏幕,画布的所有 UI 元素都会渲染在其他所有元素之上
Screen Space - Camera:画布将填充屏幕,但会渲染到特定摄像机,并受到与摄像机的距离的影响
World Space:UI 存在于场景中(例如 3D 世界中角色上方的名称、血条,应将整个Canvas物体添加为该角色的子物体)。
Canvas Scaler 组件
决定 UI 画布根据屏幕的自适应方式
- UI Scale Mode
Constant Pixel Size UI 元素都保持固定的像素大小。
Scale With Screen Size 屏幕越大,UI 元素越大。
Constant Physical Size 无论屏幕大小和分辨率如何,UI 元素保持固定的物理大小。
Mask 组件
通常用于做一个容器,遮盖子元素超出的部分(类型CSS的overflow:hidden
)
文本(Text - TextMeshPro)
是TextMeshProUGUI
类的实例,可修改其text
属性以改变文本内容。