UE4之UI制作教程

來源：互聯(lián)網(wǎng) | 責(zé)任編輯：傳說的落葉 | 發(fā)布時(shí)間： 2017-09-20 20:52 | 瀏覽量：

VR游戲其實(shí)不太注重UI這部分，市面上的VR游戲絕大多數(shù)直接省略UI，做UI好處是在接到需求后多條路子去實(shí)現(xiàn)。所以，如果有想掌握的繼續(xù)往下看教程。

UE4引擎編輯UI通常使用Widget Blueprint，HUD涵蓋的面比Widget Blueprint更廣，包含2D、3D和其他，使用c++進(jìn)行編寫，但做UI不如Widget Blueprint細(xì)致、功能多。

首先，在Content Browser里右鍵選擇生成一個(gè)WidgetBlueprint，打開WidgetBlueprint，根據(jù)需求選用Image、Text、Progress Bar等等組件設(shè)計(jì)你的UI畫面。

VR游戲里建議盡量降低UI在視野畫面上占用的比例，UI畫面排版好之后，可以按需求設(shè)計(jì)曲線和幀動(dòng)畫，然后可以選定一個(gè)組件，在Details窗口里凡是有Bind的項(xiàng)都可以點(diǎn)開Bind選項(xiàng)編寫邏輯，你可以根據(jù)需要設(shè)計(jì)編寫，然后在Graph頁(yè)面統(tǒng)一處理UI信息。

注意，如果主角或者其他藍(lán)圖類需要調(diào)用到UI組件或者UI組件里的變量，則需要將組件的Is Variable項(xiàng)勾上，就在Details窗口第一行組件名后面。

WidgetBlueprint做好后，我們就要確定我們選擇哪種方法給相機(jī)添加上UI，我這有兩種方法，一種是直接綁到相機(jī)上，一種是動(dòng)態(tài)添加給相機(jī)。

直接綁到相機(jī)。打開主角的Character藍(lán)圖，添加一個(gè)Spring Arm拉到Camera下面，再添加一個(gè)Widget組件拉到Spring Arm下面，在Widget組件Details窗口的User Interface欄的Widget Class項(xiàng)設(shè)置UI藍(lán)圖類。

注意，設(shè)置好UI藍(lán)圖類后，還需要將Widget組件倒轉(zhuǎn)180度，并調(diào)節(jié)Widget的位置，使UI正好在相機(jī)視野里，而且這種方法做出的UI會(huì)隨動(dòng)作抖動(dòng)，所以要嚴(yán)格控制抖動(dòng)的范圍和方向。Widget組件加到主角藍(lán)圖之后，Widget組件的User Interface下的Space項(xiàng)選World，Image的Alpha值只有0和1兩種情況，選Screen，Alpha值才可控。

動(dòng)態(tài)添加給相機(jī)。先用Create UI Widget生成一個(gè)UI組件，然后用Add to Viewport將UI添加到主角的視野里，如果需要隱藏UI，可以直接用Remove from Parent拉出來，等需要顯示的時(shí)候再直接用Add to Viewport添加上去。

注意，避免重復(fù)用Create UI Widget生成組件，以免占用大量?jī)?nèi)存，生成后可以用Add to Viewport和Remove from Parent控制UI的顯示和隱藏。