美文网首页
UnityTips 之 UIToolkit 中的渐变字

UnityTips 之 UIToolkit 中的渐变字

作者: 暴走TA | 来源:发表于2024-05-21 15:53 被阅读0次

    简介: 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资源配置放在对应的目录下,则可以使用更简单的方式在文本中加入表情图片。更多参考 添加自定义表情

    相关文章

      网友评论

          本文标题:UnityTips 之 UIToolkit 中的渐变字

          本文链接:https://www.haomeiwen.com/subject/vkjafjtx.html