當你通過UMG建立你的UI，安排並且設計好你的元素僅僅是個開始,你的元素是每一個按鈕，條等東西，這裡有許多的風格選項能直接能通過UMG的細節面板來進行直接的設定。
每一個控制元件都依賴於風格選項
• Button
• Check Box
• Editable Text Box
• Multi Line Editable Text Box
• Progress Bar
• Size Box
• Slider
• Spin Box
• Text Block
• Combo Box (String)
• Editable Text
• Multi Line Editable Text
按鈕
複選框
可編輯的文字框
可編輯的多行文字框
進度條
調整大小框
滑塊
數字調整框
文字塊
組合框（字串）
可編輯的文字
可編輯的多行文字

States
這裡可能有很多例子，特別是互動控制元件，你想要讓你的控制元件有一個不一樣的外形，當然，這控制元件基於你想讓他怎麼互動或者它在什麼樣的條件下顯示。 例如，你有一個按鈕，當滑鼠覆蓋上去（這是條件），改變顏色，或者跳動，然後點選整個按鈕會發生巨大變化。，我們把它稱為狀態States, 這是最常用的形式自定義風格操作，並且允許你指定當前控制元件的顯示樣式（它基於當前的狀態state）。

如上所述，按鈕控制元件有這麼幾種狀態：（平時狀態）Normal,（點選） Pressed,（滑鼠覆蓋） Hovered, or Disabled（失去功能後） States.大多數控制元件都是隻有這麼幾種狀態，還有些控制元件有自己的特殊選項與狀態。
設定影象狀態
每一個狀態，你都能設定一個影象image（ Texture or Material紋理或者貼圖）讓控制元件來使用它，影象尺寸涉及到在slate units的資源的尺寸和draw as的選項，圖中用的是box，允許你指定這個image的形式到底是一個box還是邊框border，或者一張圖。
剛才說的那幾個例子如下圖

Image

上面為box

上面為broder

上面為image
• box繪製為一個 3x3 的box盒子， 邊緣和中心基於邊緣藍色虛線按照黃色箭頭伸展。
• 綠色箭頭代表根據邊距乘影象大小所得出的常數值。
• border會繪製一個 3x3 的邊框，其中根據邊距（藍色虛線）來確定側面的圖塊（橙色箭頭所指）。
• broder使用邊框選項時不會繪製中間部分。
• 綠色箭頭代表根據邊距乘影象大小所得出的常數值。
• 影象 將繪製圖像並進行拉伸（橙色箭頭所指），並且會忽略邊距。

基於影象的紋理
您可以指定紋理作為影象資產asset，但也可以設定一些旗標，以便在每種裝置上清晰地顯示紋理並避免出現壓縮失真。在“細節層次”下的“紋理編輯器”中，將 Mip Gen (這個東西是每個資源特別的mip-map屬性，例如銳化，核心的size)設定 設為 NoMipmaps，並將 LOD 組（group） 設為 UI。在“壓縮”下，將 壓縮設定 compression setting設為 TC 編輯器圖示tc editor icon。

針對影象狀態，也可以將材質指定為影象資產，但您需要更改一些設定。在“材質”中，需要在 詳情 面板的 使用 Usage下勾選 用於 UI 複選框Used with UI。這將會為slate專門編譯另一個著色器。您還需要僅輸出 放射顏色emissive color。

動態材質

要修改材質引數，您需要一個 動態材質例項Dynamic Material InstancE。只要影象控制元件具有帶材質的平板刷slatebrush功能，您可以向其請求動態影象（只需要建立一次，然後對其進行快取即可），從而輕鬆實現這一目的。

著色/邊距

在每種狀態下，還有為影象 著色 Tint的選項，用於向與狀態相關的影象應用著色顏色。還有一個 邊距 選項，您可以使用該選項來輸入 方框 和 邊框 繪製模式的邊距尺寸（在影象模式中，會忽略邊距）。
填充

填充 樣式選項是指圍繞控制元件建立的邊框。

例如，在針對方框按鈕的上圖中，正常填充Normal Padding 負責繪製按鈕背景影象中的邊框。應用它時，按鈕內容將與按鈕的邊框齊平顯示。按下填充Padding 與正常填充相同，但它表示的是按下按鈕時所應用的填充方式。

根據您使用的控制元件型別，可能會提供不同的 填充 選項。

音效

可根據控制元件所處的狀態為控制元件設定 音效。

允許應用音效的大部分控制元件都使用游標懸停或按下音效事件，即在游標懸停在控制元件上方時或點選控制元件時會播放指定的音效。在針對複選框check box控制元件的上圖中，存在相關選項，可以為 選中、取消選中 以及 游標懸停 狀態設定音效事件。

根據您使用的控制元件型別，可能會提供不同的 音效 選項。

渲染轉換

在控制元件 詳情 面板的 渲染轉換 部分下，提供有更多樣式設定選項，它們可用於修改您控制元件的外觀。利用渲染轉換設定，您可以 平移、縮放、修剪 或 旋轉 您的控制元件，還可以調整它的 樞軸 點。

下圖給出了 渲染轉換 設定的示例。

每個渲染轉換設定都可以被設為關鍵幀，這讓您能夠通過動畫功能來修改它們，而同時由於可以通過藍圖來修改它們，因此您能夠在使用者執行遊戲操作期間或根據使用者的操作來進行修改。渲染轉換與佈局轉換是相對的，並且並不會被它們的父操作所裁剪（例如，如果您有一個佈滿按鈕的滾動框，那麼調整“渲染轉換”中的“平移”設定會將按鈕推出它們所在的框）

有很大部分與官方相同，但是博主進行了少許修改，經測試完全適用於4.18，所以不用擔心過時