用户界面外观修改器

*此内容使用人工智能(Beta)翻译,可能包含错误。若要查看英文页面,请点按 此处

通过使用 外观修改器 ,你可以进一步定制你的GuiObjects

渐变

UIGradient 对象将颜色和透明度渐变应用到其父 GuiObject

您可以通过配置渐变:

颜色序列

要设置渐变的颜色顺序:

  1. 资源管理器 窗口中,选择 UIGradient .

  2. 属性 窗方块中,单击 颜色 属性字段内,然后单击输入框右侧的 按钮。一个颜色序列弹出显示。

    每个颜色序列的底轴上的三角形是一个 钥匙点 ,决定在那一点的颜色值。

    Color sequence popup from white to white
  3. 在颜色序列中单击关键点,然后单击 颜色 旁边的小广场以打开 颜色 弹出窗口。

  4. 选择钥匙点的所需颜色。

    Color sequence popup from red to white
  5. 如果需要,你可以:

    • 通过单击图表上的任何位置添加另一个关键点。
    • 拖动现有的键点到新位置,或选择一个键点并通过 时间 输入输入特定时间值。
    • 通过选择它并单击 删除 按钮来删除关键点。
    • 通过单击 重置 按钮来重置顺序。

透明度

要调整渐变的透明度在其范围内:

  1. 资源管理器 窗口中,选择 UIGradient .

  2. 属性 窗方块中,单击 透明 属性字段内,然后单击输入框右侧的 按钮。一个数字序列弹出显示。

    每个数字序列图中的每个方块都是 钥匙点 ,决定在那一点的透明值。

    Number sequence popup from 0.5 to 0.5
  3. 单击并拖动任何键点周围,或选择一个键点并通过 时间 输入输入特定时间/值组合。

    Number sequence popup from 0 to 1
  4. 如果需要,你可以:

    • 通过单击图表上的任何位置添加另一个关键点。
    • 通过选择它并单击 删除 按钮来删除关键点。
    • 通过单击 重置 按钮来重置顺序。

抵消和旋转

OffsetRotation 属性可让您调整渐变的控制点和角度。如下图所示,Offset 是基于父父元素宽度或高度的 百分比 制定的,两个正值或负值都有效。

抵消 (X) = 0
>

抵消 (X) = 0.25
>

抵消(X)= -0.25
>

同样,当你旋转渐变时,控制点也会旋转。

旋转=0
>

旋转 = 45
>

旋转= -90
>

轮廓

UIStroke 实例应用轮廓到文本或边界。主要功能包括:

  • 可调整的 颜色厚度 的画笔轮廓。
  • 能够独立于父元素辈透明度设置画笔 透明度
  • 三个角落风格(圆、楔或锥)。
  • 通过 gradient 实例支持画笔。

文本大纲/边界

根据其父元素级, 作为文本轮廓或边界运行。当你将 UIStroke 传递给文本对象时,它适用于文本的轮廓;当你将 UIStroke 传递给其他 GuiObjects 时,它适用于边界。

带有 UIStroke 子的文本标签
>

框架包含 UIStroke 和 UICorner 子元素
>

当应用于文本对象时,您可以通过 ApplyStrokeMode 属性覆盖默认的画笔行为,让您将画笔应用到对象的边界而不是文本本身。您甚至可以独立地控制文本轮廓和边界,通过将两个UIStroke设置为 上下文 和另一个为 边界 ,来控制文本对象。

UIStroke.ApplyStrokeMode = 上下文
>

UIStroke.ApplyStrokeMode = 边框
>

厚度

您可以通过 Thickness 属性设置画笔宽度,该宽度以像素计算,来自父父元素的外部边缘。

UIStroke.Thickness = 4
>

UIStroke.Thickness = 12
>

颜色/gradient

您可以通过 Color 属性设置画笔颜色,还可以插入子画笔实例 UIGradient 来创建渐变画笔。

UIStroke.Color = (0, 95, 225)
>

UIStroke 使用 UIGradient 子
>

透明度

Transparency 属性独立于父对象的 BackgroundTransparencyTextTransparency 设置画笔透明度。这允许你渲染那些“空心”的文本和边界(仅包含轮廓)。

文本标签.文本透明度 = 0 / UI轮廓透明度 = 0.5
>

文本标签.文本透明度 = 1 / UI轮廓透明度 = 0
>

角落风格

LineJoinMode 属性可让你控制角落如何被解释。它接受值为 回合 , 楔形 , 或 斜角 的值。

UIStroke.LineJoinMode = 圆形
>

UIStroke.LineJoinMode = 楔形
>

UIStroke.LineJoinMode = Miter
>

角落

UICorner 实例将变形应用到其父 GuiObject 的四个角落。您可以使用 CornerRadiusScaleOffset 来控制应用的半径。

将角落圆到百分比,基于父元素体的总长度的最短边缘,意味着一个比例为 或更高的比例将父体变成“药丸”形状,无论其宽度或高度。Offset 将角落圆到特定数量的 像素 ,无论父元素辈的宽度/高度。

Scale = 0.25  ·  Offset = 0
Scale = 0.5  ·  Offset = 0
Scale = 0  ·  Offset = 32
Scale = 0  ·  Offset = 64

填充

一个 UIPadding 对象应用顶部、底部、左侧和/或右侧边距到父级 GuiObject 的内容。

例如,您可以通过将偏移应用到按钮底部来向下或向上移动文本按钮内的文本。