5.2D文本颜色间距对齐

5.UI文本控件-颜色和间距和对齐


5.1 知识点

颜色相关

顶点颜色 (Vertex Color)

  • 顶点颜色会与材质和纹理的颜色相乘。
  • 决定字体的最终颜色。

颜色渐变 (Color Gradient)

  • 勾选此选项后会出现新的参数:
    • Color Preset:颜色预设。
    • Color Mode:颜色模式。
      • Single:与顶点颜色叠加。
      • Horizontal Gradient:双色水平渐变。
      • Vertical Gradient:双色垂直渐变。
      • Four Corners Gradient:四色四角渐变。
    • Colors:根据所选颜色模式,可设置多个颜色值。

Override Tags

  • 启用此选项可忽略富文本标记对文本颜色的更改。
  • 通常情况下不勾选。

间距相关

字符间距 (Character)

  • 控制每个字符之间的间距。

单词间距 (Word)

  • 控制每个单词之间的间距。

行间距 (Line)

  • 控制行与行之间的间距,适用于自动换行的文本。

段落间距 (Paragraph)

  • 控制段落之间的间距,段落由显式换行符定义。

对齐相关

水平对齐选项

  • 左对齐:将文本靠左对齐。
  • 居中对齐:将文本居中对齐。
  • 右对齐:将文本靠右对齐。
  • 拉伸左对齐:增加单词和字符之间的间距以填满每一行,最后一行不会拉伸。
  • 拉伸齐平:与拉伸左对齐类似,但最后一行也会拉伸。
  • 网格居中:根据网格而不是文本指标居中文本,效果比常规居中更细致,在某些情况下更适用。

垂直对齐选项

  • 顶部对齐:将文本靠顶部对齐。
  • 中部对齐:将文本垂直居中对齐。
  • 底部对齐:将文本靠底部对齐。
  • 基线对齐:调整文本位置,使第一行的基线(文本底部)与显示区域的中间对齐,适用于单行文本。
  • 中线对齐:类似中部对齐,通过文本网格的边界确定垂直放置,适合狭小空间。
  • 卡普赖恩对齐:调整文本位置,使第一行的中间与显示区域的中间对齐。

5.2 练习题

TMP的UI文本控件中,如何控制文本的字符、单词、行、段落间距?

  • Character参数 控制字符间距
  • Word参数 控制单词间距
  • Line参数 控制行间距
  • Paragraph参数控制段落间距


转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 785293209@qq.com

×

喜欢就点赞,疼爱就打赏