UnityTips 之 UIToolkit 中的渐变字

简介： UIToolkit 是一个 Unity 中最新的 UI 系统，使用了类似浏览器的渲染方式，今天我们看一下 UIToolkit 中使用富文本来做渐变字的功能
unity版本： 2022.3.14.f1c1
管线： URP

渐变字

在 UIBuilder 中实现一个渐变字

实现一个渐变字需要一下条件

• UIToolkit
• 有 Gradient 渐变配置文件
• 在 PanelSetting 文件中设置正确的 TextSettings
• 在 TextSettings 文件中设置正确的 ColorGradientPresets 目录路径
• 在文本中使用 <gradient="Gradient1">Label</gradient> 标签包裹要渐变的文字
• 支持文本的组件必须开启 EnableRichText

GradientColor 配置文件

• 在 project 窗口右键 Create->text->ColorGradient 创建
• GradientColor 提供了四种渐变方式
• 创建的 GradientColor 文件要放在 TextSettings 文件设置的ColorGradientPresets 目录下
  如上操作后，在 UIToolkit 的文本类型的组件编辑器里输入 <gradient="Gradient1">Label</gradient> 并注意勾选下方的 EnableRichText 即可体验渐变字，这里的 Gradient1 是创建的 GradientColor 的名字

PanelSetting 指认TextSetting TextSetting 设置正确的 Color Gradient Presets GradientColor 文件的设置与存放

关于 PanelTextSetting

**PanelTextSetting ** 文件是文本相关的配置文件，其中不少属性的配置是可以指定一个文件引用作为默认配置的， 并且大部分配置都提供一个Path 配置，这个 path 配置的是一个目录，这个目录必须存在于一个 Resources 文件夹下，我们可以制作许多的配置文件存放于此，这样便可以快捷的在UIBuilder 中调用，例如将 Sprite资源配置放在对应的目录下，则可以使用更简单的方式在文本中加入表情图片。更多参考 添加自定义表情