基本布局
交互组件

可视组件

随着 UI 系统的引入,添加了各种新组件来帮助您创建 GUI 特定功能。本部分将介绍可创建的新组件的基本信息。

文本 (Text)

文本组件也称为标签 (Label),有一个文本区域可用于输入要显示的文本。可以设置字体、字体样式、字体大小以及文本是否支持富文本功能。

有一些选项可以设置文本的对齐方式、水平和垂直溢出的设置(控制文本大于矩形的宽度或高度时会发生什么情况)以及一个使文本调整大小来适应可用空间的 Best Fit 选项。

图像 (Image)

图像具有矩形变换组件和图像组件。可在 Target Graphic 字段下将精灵应用于图像组件,并可在 Color 字段中设置其颜色。还可将材质应用于图像组件。Image Type 字段可定义应用的精灵的显示方式,提供的选项包括:

  • Simple - 均匀缩放整个精灵。

  • Sliced - 使用 3x3 精灵分区,确保大小调整不会扭曲角点,而是仅拉伸中心部分。

  • Tiled - 类似于 Sliced,但平铺(重复)中心部分而不是对其进行拉伸。对于完全没有边框的精灵,整个精灵都是平铺的。

  • Filled - 按照与 Simple 相同的方式显示精灵,但不同之处是使用定义的方向、方法和数量从原点开始填充精灵。

选择 Simple 或 Filled 时显示的 Set Native Size 选项会将图像重置为原始精灵大小。

通过从“Texture Type”设置中选择 Sprite (2D/UI),可以将图像导入为 UI 精灵。与旧的 GUI 精灵相比,现在的精灵有额外的导入设置,最大的区别是增加了 Sprite Editor(精灵编辑器)。Sprite Editor 提供图像 9 切片选项,此选项将图像分成 9 个区域,如此一来,如果精灵调整大小,角点就不会拉伸或扭曲。

原始图像 (Raw Image)

图像组件采用精灵,但原始图像采用纹理(无边框等)。只有在必要时才应使用原始图像,否则大多数情况都适合使用图像。

遮罩 (Mask)

遮罩不是可见的 UI 控件,而是一种修改控件子元素外观的方法。遮罩将子元素限制(即“掩盖”)为父元素的形状。因此,如果子项比父项大,则子项仅包含在父项以内的部分才可见。

效果

可视组件也可应用各种简单效果,例如简单的投射阴影或轮廓。请参阅 UI 效果参考页面以了解更多信息。

基本布局
交互组件