Version: Unity 6.0 (6000.0)
语言 : 中文
精灵资产属性参考
颜色表情

颜色渐变

最多可以将四种颜色的渐变应用于文本。添加颜色渐变时,TextCore 会将渐变颜色应用于文本字符串中的每个字符。

使用 <gradient> 富文本标签可将颜色渐变预设应用于文本对象。渐变预设会覆盖文本的本地渐变类型和颜色。

创建颜色渐变预设

要创建具有一种或多种颜色的颜色渐变并将其放在特定文件夹中,请执行以下步骤:

  1. 从菜单中选择资源 (Assets) > 创建 (create) > 文本核心 (Text Core) > 颜色渐变 (Color Gradient) 以添加新的颜色渐变预设。

  2. 在颜色渐变 (Color Gradient) 的检视面板 (Inspector) 窗口中,从下拉菜单中选择颜色模式:

    • Single:单色,即应用单一颜色。
    • Horizontal Gradient:水平渐变,即在每个字符上应用两种颜色,并在两种颜色之间进行左右过渡。
    • Vertical Gradient:垂直渐变,即在每个字符上应用两种颜色,并在两种颜色之间进行上下过渡。
    • Four Corners Gradient四角渐变,即应用四种颜色。每种颜色从每个字符的指定角辐射出来。
  3. 设置渐变颜色。Colors 字段中可用的颜色数量取决于您选择的渐变模式。每个样本对应于角色精灵上的颜色原点。

  4. 将颜色渐变资源放入面板文本设置资源 (Panel Text Setting asset) 中为颜色渐变预设设置的路径中。

应用颜色渐变预设

要将颜色渐变预设应用于文本,请按名称将该颜色渐变引用为 <gradient="name-of-the-color-gradient">Your text</gradient>。如果像这样应用颜色渐变,则文本的颜色将乘以对象的当前顶点颜色。

要将纯渐变应用于所选文本,请使用 <color> 标签将颜色重置为白色。例如:

<color=white><gradient="Light to Dark Green - Vertical">Light to Dark Green gradient</gradient></color>

颜色渐变模式示例

以下显示了每种模式的颜色渐变示例。

单色

单色渐变。

文本中的每个字符均为黄色。
文本中的每个字符均为黄色。

水平渐变

包含两种颜色的左右渐变。

文本中每个字符的颜色都发生从黄色到黑色的左右渐变。
文本中每个字符的颜色都发生从黄色到黑色的左右渐变。
文本中每个字符的颜色都发生从黑色到黄色的左右渐变。
文本中每个字符的颜色都发生从黑色到黄色的左右渐变。

垂直渐变

具有两种颜色的上下渐变。

文本,每个字符的颜色从黑色上下转换到黄色。
文本,每个字符的颜色从黑色上下转换到黄色。
文本,每个字符的颜色从黄色到黑色上下过渡。
文本,每个字符的颜色从黄色到黑色上下过渡。

四角渐变

具有四种颜色的渐变。每种颜色从一个角辐射出来。这是最通用的渐变类型。您可以更改某些颜色,同时让其他颜色保持不变,以此来创建不同类型的渐变效果。

文本中的每个字符都有四色渐变:左上角为黄色,右上角为黑色,左下角为红色,右下角为绿色。
文本中的每个字符都有四色渐变:左上角为黄色,右上角为黑色,左下角为红色,右下角为绿色。

此示例展示了三个角为一种颜色,第四个角为另一种颜色。

文本中的每个字符都有四色渐变:左上角为黑色,其他三个角为黄色。
文本中的每个字符都有四色渐变:左上角为黑色,其他三个角为黄色。

此示例展示了相邻角使用相同颜色,以创建水平或垂直渐变。

文本中的每个字符都有四色渐变:左上和左下为黑色,右上和右下为黄色。
文本中的每个字符都有四色渐变:左上和左下为黑色,右上和右下为黄色。

文本中的每个字符都有四色渐变:左上和右上为黑色,左下和右下为黄色。

此示例展示了对角线上的对角使用相同颜色,以创建对角线渐变。

文本中的每个字符都有四色渐变:左上和右下为黑色,右上和左下为黄色。
文本中的每个字符都有四色渐变:左上和右下为黑色,右上和左下为黄色。
文本中的每个字符都有四色渐变:左上和右下为黄色,右上和左下为黑色。
文本中的每个字符都有四色渐变:左上和右下为黄色,右上和左下为黑色。

此示例创建了水平和垂直的三色渐变,一端为主色,另一端为两种颜色之间的过渡。

文本中的每个字符都有四色渐变:左上和左下为黄色,右上为红色,右下为黑色。
文本中的每个字符都有四色渐变:左上和左下为黄色,右上为红色,右下为黑色。
文本中的每个字符都有四色渐变:左上和右上为黄色,左下为红色,右下为黑色。
文本中的每个字符都有四色渐变:左上和右上为黄色,左下为红色,右下为黑色。

此示例将对角线上的两个角设置为相同颜色,另外两个角设置为不同颜色,以创建对角线条纹的三色渐变。

文本中的每个字符都有四色渐变:左上为红色,右上和左下为黄色,右下为黑色。
文本中的每个字符都有四色渐变:左上为红色,右上和左下为黄色,右下为黑色。
文本中的每个字符都有四色渐变:左上和右下为黄色,右上为黑色,左下为红色。
文本中的每个字符都有四色渐变:左上和右下为黄色,右上为黑色,左下为红色。

其他资源

精灵资产属性参考
颜色表情