UI 外觀模組

*此內容是使用 AI(Beta 測試版)翻譯,可能含有錯誤。若要以英文檢視此頁面,請按一下這裡

使用 外觀修改器 來進一步自訂您的 GuiObjects 外觀。

  • 傾斜度 應用到對物件的背景。
  • 線條 套用於文字或邊框。
  • 為對物件設置 圓角
  • 在對物件的邊緣增加 墊貼

傾斜度

Class.UIGradient 對象適用了顏色和透明度傾斜度對其父 GuiObject

您可以配置傾斜度:

顏色順序

要設定傾斜度的顏色順序:

  1. 在 Explorer 窗口中,選擇 Class.UIGradient。

  2. 屬性 窗方塊中,單擊內部 顏色 屬性字段,然後單擊輸入框右邊的 按鈕。一個顏色順序 pop-up 顯示。

    每個三角形都是 鍵點 ,它們決定在該點上的顏色值。

    Color sequence popup from white to white
  3. 在顏色順序中按一下鍵點,然後按一下 顏色 旁邊的小方塊來開啟 顏色 對話框。

  4. 選擇鍵點的所需顏色。

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

    • 點擊圖形上的任何地方,以添加另一個關鍵點。
    • 拖曳現有的按鍵點到新位置,或選擇按鍵點並在 時間 輸入中輸入特定時間值。
    • 刪除一個按鍵點,選擇它並按一下 刪除 按鈕。
    • 按一下 重設 按鈕來重設順序。

透明度

要在範圍內調整透明度:

  1. 在 Explorer 窗口中,選擇 Class.UIGradient。

  2. 屬性 窗方塊中,單擊內部 透明度 屬性區域,然後單擊輸入框右邊的 按鈕。顯示數字順序 pop-up 顯示。

    每個方塊在數字順序圖上的每個方塊都是 鑰匙點 ,它決定在該點的透明值。

    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
Offset (X) = 0.25
Offset (X) = -0.25

相同地,當您旋轉傾斜度時,控制點也會旋轉。

旋轉 = 0
旋轉 = 45
旋轉 = -90

撇抹

Class.UIStroke 實例會在文字或邊框上添加縁線。鑰匙功能包括:

  • 可調整厚度的線條外觀。
  • 能夠獨立設定塗層 透明度
  • 三種 角式 (圓、楔或角)。
  • 以下是通過 Class.UIGradient 實個體、實例獲得的線條 UIGradient 支持。

文字大綱/邊框

依據其父元素級,UIStroke 作為 文字縂線 或作為 邊框 。當你將 1> Class.UIStroke1> 套用於文字對物件時,它適用於文字的縂線;當你將 4>

UIStroke 兒子 TextLabel
Frame 有 UIStroke 和 UICorner 子兒

當適用於文字對物件時,您可以覆蓋預設畫筆行為通過 ApplyStrokeMode 屬性,讓您可以將畫筆應用到對物件的邊界而不是文字本身。您甚至可以在文字對物件上

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

厚度

您可以通過 Thickness 屬性來設置父元素筒寬度,此屬性是由 Class.UI 的外緣測量的畫素。

UIStroke.Thickness = 4
UIStroke.Thickness = 12

顏色/傾斜度

您可以通過 Color 屬性設置塗色,並且插入一個子 UIGradient 實例以創建傾斜度塗色。

UIStroke.Color = (0, 95, 225)
使用 UIStroke 與 UIGradient 兒子寫代碼

透明度

Class.UIStroke.Transparency|Transparency 屬性可以獨立於父對象的 BackgroundTransparencyTextTransparency 來設定石頭的透明度。這允許您渲染 "hollow" (只是縮略) 的文字和邊緣。

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

角式

Class.UIStroke.LineJoinMode|LineJoinMode 屬性讓您可以控制角落是否被解釋。它接受僅有 或 1>米1> 的值。

UIStroke.LineJoinMode = Round
UIStroke.LineJoinMode = Bevel
UIStroke.LineJoinMode = Miter

角落

Class.UICorner 實例對其父 GuiObject 的所有四個角落施加彎曲 。 您可以通過 CornerRadius 屬性控制彎曲範圍 ,使用 1>Datatype.UDim.Scale|Scale1> 或 <

Scale 擁有圓角至 百分比 基於父元素親的總長度 最短 邊緣的縮放,這意味著一個縮放 0> 0

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>>>

墊片

Class.UIPadding 對象適用於父親 GuiObject 的內容,包括上、下、左和/或右側墊芙。

例如,您可以在下拉或上拉按鈕上移動文字,並且在按鈕底部加上偏移來將文字移動。