最后我們來(lái)說(shuō)一說(shuō)UI。其實(shí)在游戲里UI的實(shí)現(xiàn)方式有很多種，你既可以用系統(tǒng)提供的功能，也可以自己繪制一個(gè)平面之后在上面繪制你的東西。由于我們這是一個(gè)2D的游戲，并且沒(méi)有打算提供過(guò)多的復(fù)雜的效果，因此為了降低難度、我們將選擇使用系統(tǒng)提供的UI系統(tǒng)制作UI。

首先要知道系統(tǒng)提供的UI有三種渲染模式：Screen Space – Overlay、Screen Space – Camera和World Space。這三種模式分別對(duì)應(yīng)的意義是：

直接用UI覆蓋屏幕的所有顯示。這種方式的特點(diǎn)是不需要一個(gè)“相機(jī)”來(lái)拍攝UI，而是像一個(gè)程序一樣直接用一個(gè)UI界面來(lái)作為屏幕的全部?jī)?nèi)容。

在相機(jī)的固定距離和方向顯示一個(gè)UI平面。這相當(dāng)于是在相機(jī)前面擺了一個(gè)架子，而把UI平面架在這個(gè)架子上。這種方式可以讓你既能在設(shè)置最少的內(nèi)容的情況下保證顯示效果，同時(shí)有必要的時(shí)候你也可以在UI前面增加一些別的東西來(lái)豐富界面內(nèi)容（比如一些Shader等特效）

直接在空間中架了一塊黑板。這種方式可以獲得最大的靈活度，比如你想要讓拍攝UI的相機(jī)有一種搖擺的效果的話(huà)，用這種方式會(huì)很不錯(cuò)，不過(guò)對(duì)應(yīng)的需要你自己去操心的東西（比如相機(jī)的角度和位置等）也會(huì)更多一些。

在這里我們選用的是最簡(jiǎn)單的Overlay模式，這樣我們只需要操心在UI上面要顯示什么就行了。

?

?

我們的UI基礎(chǔ)是一個(gè)“Canvas”，如果你做過(guò)其它的帶UI的程序或者網(wǎng)頁(yè)什么的，可能會(huì)對(duì)這類(lèi)系統(tǒng)很熟悉（在Unity中除了Canvas以外還有別的類(lèi)型的UI元素，本例中未涉及到因此不再提及）。在Unity里，這個(gè)Canvas系統(tǒng)和其它的GameObject一樣，都會(huì)出現(xiàn)在Hierarchy視圖里。同時(shí)他也可以有自己的子元素，當(dāng)然既然它是本例中UI的基礎(chǔ)，所以在他手下的小弟自然都應(yīng)該是UI元素。

?

?

在我們這里一共出現(xiàn)了兩類(lèi)內(nèi)容，一類(lèi)是文字，這類(lèi)內(nèi)容只需要像一般程序一樣修改它對(duì)應(yīng)的text屬性即可；另一類(lèi)是圖片，在這里我們使用的其實(shí)是一個(gè)矩形并用全黑色填充，借此來(lái)掩蓋下方的內(nèi)容。

?

?

還有一點(diǎn)，就是當(dāng)你添加任意UI元素的時(shí)候，都會(huì)有一個(gè)叫“EventSystem”的物體被添加進(jìn)來(lái)，這個(gè)物體一般可以用來(lái)處理一些輸入事件（比如鼠標(biāo)點(diǎn)擊、經(jīng)過(guò)等），不過(guò)在這里我們也暫時(shí)沒(méi)有用到，所以不做解釋。待之后如果有必要的話(huà)，會(huì)單開(kāi)文章講解。

?

到這里我們對(duì)2D Rogue Like這個(gè)官方的教程中用到的一些東西就有了初步的認(rèn)識(shí)。由于筆者是在跟著教程做完了之后才寫(xiě)的，所以有些東西的順序可能會(huì)有些混亂，包括需求以及有些東西的設(shè)計(jì)原因也并沒(méi)有說(shuō)的特別清楚。不過(guò)之后，筆者會(huì)再接再厲，爭(zhēng)取寫(xiě)出更高質(zhì)量的博文。

?

轉(zhuǎn)載于:https://www.cnblogs.com/nmsuper86/p/5623634.html

總結(jié)

以上是生活随笔為你收集整理的Unity5 官方教程笔记（2D Rogue Like）07 —— GUI的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。