Unity UI

作者: 李霖弢 | 来源:发表于2024-03-06 15:46 被阅读0次

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属性以改变文本内容。

图片(Image)

相关文章

网友评论

      本文标题:Unity UI

      本文链接:https://www.haomeiwen.com/subject/zzrvodtx.html