1. 程式人生 > 實用技巧 >11-UE4-UMG UI設計器

11-UE4-UMG UI設計器

  • UE4-UMG UI設計器
  • Time: 2020年10月16日19:45:36
  • Author: Yblackd

UE4-UMG UI設計器


1、簡介

虛幻運動圖形介面設計器(Unreal Motion Graphics UI Designer)(UMG) 是一個視覺化的 UI 創作工具,可以用來建立 UI 介面。UMG的核心是控制元件(如按鈕、複選框、進度條等),這些控制元件是一系列預先製作的函式,可用於構建介面。這些控制元件在專門的控制元件藍圖中編輯,該藍圖使用兩個選項卡進行構造:

  • 設計器(Designer)
    :視覺化編輯UI介面。
  • 圖表(Graph) :UI相關的藍圖指令碼。

2.新建控制元件藍圖

​ 單擊 內容瀏覽器(Content Browser) → 新增(Add New) → 使用者介面(User Interface)控制元件藍圖(Widget Blueprint)

img

3.設計UI介面並顯示

  1. 拖拽控制元件到 UI設計檢視 區域(設計想要展示的),然後 儲存。
  2. 開啟 關卡藍圖 新增建立並顯示UI的邏輯。

img

img

img

4.編譯關卡藍圖,並執行檢視效果。

img

5. 參考

參考連結: https://blog.csdn.net/u011476173/article/details/99729707