最后我們來說一說UI。其實在游戲里UI的實現方式有很多種，你既可以用系統提供的功能，也可以自己繪制一個平面之后在上面繪制你的東西。由于我們這是一個2D的游戲，并且沒有打算提供過多的復雜的效果，因此為了降低難度、我們將選擇使用系統提供的UI系統制作UI。

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

直接用UI覆蓋屏幕的所有顯示。這種方式的特點是不需要一個“相機”來拍攝UI，而是像一個程序一樣直接用一個UI界面來作為屏幕的全部內容。

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

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

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

?

?

我們的UI基礎是一個“Canvas”，如果你做過其它的帶UI的程序或者網頁什么的，可能會對這類系統很熟悉（在Unity中除了Canvas以外還有別的類型的UI元素，本例中未涉及到因此不再提及）。在Unity里，這個Canvas系統和其它的GameObject一樣，都會出現在Hierarchy視圖里。同時他也可以有自己的子元素，當然既然它是本例中UI的基礎，所以在他手下的小弟自然都應該是UI元素。

?

?

在我們這里一共出現了兩類內容，一類是文字，這類內容只需要像一般程序一樣修改它對應的text屬性即可；另一類是圖片，在這里我們使用的其實是一個矩形并用全黑色填充，借此來掩蓋下方的內容。

?

?

還有一點，就是當你添加任意UI元素的時候，都會有一個叫“EventSystem”的物體被添加進來，這個物體一般可以用來處理一些輸入事件（比如鼠標點擊、經過等），不過在這里我們也暫時沒有用到，所以不做解釋。待之后如果有必要的話，會單開文章講解。

?

到這里我們對2D Rogue Like這個官方的教程中用到的一些東西就有了初步的認識。由于筆者是在跟著教程做完了之后才寫的，所以有些東西的順序可能會有些混亂，包括需求以及有些東西的設計原因也并沒有說的特別清楚。不過之后，筆者會再接再厲，爭取寫出更高質量的博文。

?

轉載于:https://www.cnblogs.com/nmsuper86/p/5623634.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。