使用者介面外觀修改器

*此內容是使用 AI(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. 如有需要,您可以:

    • 通過單擊圖表上的任何位置添加另一個關鍵點。
    • 選擇並點擊 刪除 按鈕來刪除關鍵點。
    • 點擊 重設 按鈕來重設順序。

抵消和旋轉

和 屬性讓您調整渐變的控制點和角度。如下圖所示,Offset 是基於父元素親的寬度或高度的 百分比 來確定的,兩個正值或負值都有效。

抵消 (X) = 0
>

偏移 (X) = 0.25
>

偏移 (X) = -0.25
>

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

旋轉 = 0
>

旋轉 = 45
>

旋轉 = -90
>

輪廓

實例應用於文字或邊界的輪廓。主要功能包括:

文字大綱/邊界

根據其父元素級, 作為文本外部線或作為邊界 》 。當你將 UIStroke 傳送到文字對物件時,適用於文字的外部;當你將 UIStroke 傳送到其他 GuiObjects 時,適用於邊界。

具有 UIStroke 兒童的文字標籤
>

框架包含 UIStroke 和 UICorner 子元素
>

當應用於文字對物件時,您可以使用 ApplyStrokeMode 屬性來覆蓋預設的繪圖行為,讓您將繪圖應用到對物件的邊界而不是文字本身。您甚至可以獨立地控制文本大綱和邊界,通過將兩個 UIStroke 實例轉換為文本對物件設置為 上下文邊界

UIStroke.ApplyStrokeMode = 上下文
>

UIStroke.ApplyStrokeMode = 邊框
>

厚度

您可以通過 Thickness 屬性設置輪廓寬度,該寬度以父元素輪廓外緣的像素計算。

UIStroke.Thickness = 4
>

UIStroke.Thickness = 12
>

顏色/傾斜度

您可以通過 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 = 斜角
>

角落

UICorner 實例對其父GuiObject的所有四個角施加變形。您可以使用 CornerRadius 屬性控制應用範圍,使用 ScaleOffset 來執行。

Scale 將角落輪到 百分比 ,基於父元素體的總長度的 最短 邊緣,意味著一個比例0.5或更高的比例將父體變成"pill"形狀,無論它的寬度或高度。Offset 將角落輪到特定數量的 像素 ,無論父元素體的寬度/高度如何。

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

填充

一個 UIPadding 對象應用上、下、左和/或右側的墊片到父GuiObject的內容。

例如,您可以通過將偏移應用到按鈕底部來將文本按鈕向下或向上移動。