用户界面外观模式

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

使用 外观修改器 可以进一步定制您的 GuiObjects 的外观。

  • 渐变图 应用到对象的背景。
  • 线条 应用到文本或边框。
  • 为对象设置 圆角
  • 在对象的边缘增加 垫子

渐变

Class.UIGradient对父对象施加了颜色和透明度渐变。

您可以通过以下方式配置渐变:

颜色序列

要设置渐变的颜色顺序:

  1. Explorer 窗口中,选择 UIGradient

  2. 属性 窗口中,单击 颜色 属性 按钮 到输入方块右侧。 显示颜色序列弹出显示。

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

    Color sequence popup from white to white
  3. 在颜色顺序中单击一个键点,然后单击颜色旁边的小块,然后单击颜色 颜色 弹出窗口。

  4. 选择键点的所需颜色。

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

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

透明度

要调整渐变的透明度:

  1. Explorer 窗口中,选择 UIGradient

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

    每个数字通过数字序列图表的每个方块都是一个 钥匙点 ,该钥匙点在该点的时透明度。

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

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

    • 通过单击图形上的任意位置添加另一个钥匙点。
    • 删除一个键点,选择它并单击 删除 按钮。
    • 通过单击 重置 按钮来重置顺序。

偏移和旋转

Class.UIGradient.Offset|Offset 和 Rotation 属性让您调整渐变的控制点和角度。 在下列图形中,Offset 基于父元素级的宽度或高度,并且都是正确的或负确的。

抵消 (X) = 0
抵消 (X) = 0.25
抵消 (X) = -0.25

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

旋转 = 0
旋转 = 45
旋转 = -90

击球

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

  • 调整颜色厚度的轮廓。
  • 能够独立设置渐变透明度。
  • 三个 角落风格 (圆、楔或米単)。
  • 通过 Class.UIGradient 实例支持渐变。

文本大纲/边界

随着其父元素对象,UIStroke 作为 文本轮廓边框 。当你将 1> Class.UIStroke1> 操作为4> 文本轮廓4>或7> 边框7>时,它将适用于文本的

TextLabel 与 UIStroke 子孩子
框架有 UIStroke 和 UICorner 子女儿

当应用于文本对象时,您可以通过 ApplyStrokeMode 属性覆盖默认stroke behavior,让您在文本自己而不是在文本上应用 строе线。您甚至可以独立控制文本轮廓和边界通过将两个 UIStroke 实例

UIStroke.ApplyStrokeMode = 上下文
UIStroke.ApplyStrokeMode = 边框

厚度

您可以通过 Thickness 属性来设置画笔宽度,该属性由父元素级外侧的像素计量。

UIStroke.Thickness = 4
UIStroke.Thickness = 12

颜色/渐变

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

UIStroke.Color = (0, 95, 225)
使用 UIGradient 子使用 UI 剑矢头

透明度

Class.UIStroke.Transparency|Transparency 属性设置独立于父对象的 BackgroundTransparencyTextTransparency。这允许您渲染只是“空”(仅包含轮廓)的文本和边框。

TextLabel.TextTransparency = 0 / UIStroke.Transparency = 0.5
TextLabel.TextTransparency = 1 / UIStroke.Transparency = 0

角落风格

Class.UIStroke.LineJoinMode|线Join模式 属性允许您控制角落是如何解释的。它接受 或 1>平面1> 的值。

UIStroke.LineJoinMode = 回合
UIStroke.LineJoinMode = Bevel
UIStroke.LineJoinMode = Miter

角落

Class.UICorner 实例在其父 GuiObject 的所有四个角落上施加变形。您可以通过使用 CornerRadius 属性控制应用范围,或使用 1>Datatype.UDim.Scale|Scale1> 或 4>Datatype.UDim.

Scale% 的基础上回合角落到 最短 边缘的父父元素,意味着一个 0> 0.50> 或更高的缩放会使父亲变成

Datatype.UDim.Scale|Scale = 0.25 · Datatype.UDim.Offset|Offset=
2> 02>>>

Datatype.UDim.Scale|Scale = 0.5 · Datatype.UDim.Offset|Offset =
2> 02> > >

Datatype.UDim.Scale|Scale = 0·Datatype.UDim.Offset|Offset=
2>322>>>

Datatype.UDim.Scale|Scale = 0· Datatype.UDim.Offset|Offset=
2> 642>>>

垫子

一个 UIPadding 对象将上、下、左、右侧的填充物应用到父级 GuiObject 的内容。

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