【2.UI元素】2.Text and Raw Image

2.Text and Raw Image

2.1 Text

用于显示文本。

在层级窗口中右击选择 UI,然后选择 Text,即可创建 Text。

Text 的变量:

  • Text - 文本内容
  • Font - 字体
  • Font Style - 样式
  • Font Size - 大小
  • Line Spacing - 行间距
  • Rich Text - 是否为富文本,勾选后可以使用富文本对文字进行处理。
  • Alignment - 对齐方式
  • Align By Geometry - 几何对齐
  • Horizontal Overflow - 自动换行
  • Vertical Overflow - 是否显示超出范围的文本
  • Best Fit - 自动调整大小

富文本:

  • 粗体:<b> 文本 </b>
  • 斜体:<i> 文本 </i>
  • 大小:<size=值> 文本 </size>
  • 颜色:<color=值> 文本 </color>

2.2 Raw Image

Raw Image(原始图像)用于显示图像,Image用于显示 Sprite(精灵)。Raw Image 不需要将图像转换为 Sprite 格式,同样也不能使用 Sliced、Tiled 等 Sprite 特有的功能。

在层级窗口中右击选择 UI,然后选择 Raw Image,即可创建 Raw Image。

Raw Image 的变量与 Image 的变量有很多是相同的。不同之处:

UV Rect - 图像在矩形内的偏移和大小,以 UV 坐标(0 ~ 1)显示;允许显示大图像的一小部分。X、Y 值指定图像的某个部分与控件的左下角对齐,W、H 值指定图像的缩放比例。

示例如下:

原始图像

UV Rect 设置

显示结果

举报
评论 0