视觉组件

随着 UI 系统被引入，Unity 增加了一些新组件，用于帮助创建特定功能的 GUI。这节将介绍可以这些新组件的基础知识。

文本 Text

视觉组件 - 图1

文本 Text 组件（也称为标签 Label）具有一个文本区域，用于输入将要显示的文本。可以设置字体、字体样式、字体大小，以及是否具有富文本功能。

提供了用于设置文本对齐的选项，用于水平或垂直溢出的设置（控制了文本大于矩形的宽度或高度时如何显示），和 Best Fit 选项（调整文本大小以适配可用空间）。

图像 Image

视觉组件 - 图2

图像 Image 具有一个矩形变换组件 Rect Transform 和一个 图像 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 精灵，UI 精灵具有额外的导入设置，最大的不同是增加了图像精灵编辑器。图像精灵编辑器提供了 9-slicing 选项，将图像分割成 9 个区域，当图像调整大小时，边角不会拉升或变形。

原始图像 Raw Image

图像组件 Image 接受一张图像精灵，而 原始图像 Raw Image 接受一张纹理（无边框等）。原始图像只应该在必要时使用，大多数情况下，图像更适合。

遮罩 Mask

遮罩 Mask 不是可见的 UI 控件，而是一种修改控件子元素外观的方法。遮罩限制（则遮盖）子元素为父元素形状。因此，如果子元素大于父元素，那么只有位于父元素中的部分将是可见的。

特效 Effects

视觉组件还可以具有各种简单特效，例如简单的阴影或轮廓。更多信息请参阅 Effects 参考页。