本系列文章由Aimar_Johnny編寫，歡迎轉載，轉載請標明出處，謝謝。

http://blog.csdn.net/lzhq1982/article/details/12706199

有關NGUI的介紹我這裡就不多說了，由於unity3d自帶的介面繪製工具GUI效率低下，所以NGUI被廣泛使用，它的原理也很簡單，就是把UI繪製到一張plane上，然後攝像機用平行投影垂直攝像，這樣就和處理一般的3d物體一樣了，不瞭解NGUI的朋友可以從雨鬆大神這裡入門：NGUI研究院之開始學習製作第一個例子（一）

好了，我這裡重點介紹的是怎麼在我們的3d世界中加入NGUI的介面，我這裡用的是NGUI 2.6.4，有版本不同的童鞋請自行體會，哈哈。

一般的NGUI教程一上來都會說把Main Camera刪掉，然後怎麼怎麼做，我一開始的時候看到這句話頭就大了，我的場景都是在Main Camera下做的，不可能刪了啊，由於對unity多開Camera不瞭解，就各種嘗試，我甚至曾經以為把Main Camera作為NGUI的Camera，然後NGUI的plane只要在場景的前面就好了，倒也能達到效果，但介面不知道為什麼會隨著角色移動而顫抖。最後無意中的嘗試發現，原來不用那麼麻煩，就是讓Main Camera和NGUI的Camera並存也沒問題，兩者投影的場景都會繪製在螢幕上，而且互不影響，我的心都碎了，這是做了多麼二的各種嘗試啊。所以如果對這不瞭解的童鞋看到這些，相信你就不用再走彎路了。

吐槽了很多，現在言歸正傳，放著我們的Main Camera不管，我們新建一個UI，NGUI->Open the UI Wizard，然後彈出的UI Tool，我們保持設定不變，點Create Your UI，下面是重點，一個遊戲UI，我們希望它們分佈在螢幕的四邊，當然中央有需求也可以，NGUI給我們提供了一個很好的介面佈局方法，那就是Anchor（錨點），預設是Center（居中）的，我們的需求是介面的上下左右都有UI，那好辦，多建立幾個錨點，還有，我的所有UI都應該是繪製在一個面板上的，這樣可以統一放大縮小位移等，按照這個需求，把剛建的Camera下的那個錨點連同其下的面板刪掉，留著Camera，新建一個面板（NGUI->Create a panel），然後在該面板下建立多個錨點，然後每個錨點下建立你需要的UI。我的是這樣的。

佈局做完了，你可以往各個錨點裡新增你想要的UI了，比如我的左上角（LeftTop）用來放人物頭像血條，上面中間（Top）用來放怪物頭像血條，右上角（RightTop）是小地圖，右下角（RightBottom）是技能按鈕，等等。

好了，下一篇我重點介紹英雄和怪物的頭像血條UI。