NGUI概述:NGUI是嚴(yán)格遵循KISS原則并用C#編寫的Unity(適用于專業(yè)版和免費(fèi)版)插件, 全面支持iOS/Android和Flash。相比UGUI(Unity自帶的UI系統(tǒng)),有著更高的性能和更低的學(xué)習(xí)難度。
在進(jìn)入學(xué)習(xí)之前,首先下載NGUI插件,解壓縮并導(dǎo)入到Untiy中:NUGI插件下載鏈接

NGUI插件包

導(dǎo)入NGUI插件包
導(dǎo)入NGUI插件包之后我們會(huì)發(fā)現(xiàn)在菜單欄中,出現(xiàn)了NGUI一欄,說明導(dǎo)入完成了。

導(dǎo)入完成
首先熟悉下NGUI預(yù)制的工具欄:

打開Prefab Tollbar
我習(xí)慣將此工具欄拖放到Project視圖界面中:

拖動(dòng)

拖動(dòng)完成
這些工具我們就可以直接使用了,首先我們把Scene場(chǎng)景切換成2D模式,一般來說,做UI界面,切換到2D更為方便直觀。然后試著導(dǎo)入背景:

切換2D,導(dǎo)入背景
這個(gè)紫色的框架就是相機(jī)的視野范圍,所以要展現(xiàn)給玩家的UI界面也要控制在這個(gè)紫色框架之內(nèi):

相機(jī)范圍框架
之后我們把Prefab Tollbar中的其他工具導(dǎo)入到背景里。發(fā)現(xiàn)相機(jī)的圖標(biāo)擋住了游戲?qū)ο?,向左調(diào)一下3D Icons即可:

把相機(jī)的圖標(biāo)向左調(diào)至最小

完成
就讓我們運(yùn)行一下,看看各控件的功能:

多多嘗試,都是游戲中常用的控件。接下來的章節(jié)會(huì)對(duì)這些常用控件逐一進(jìn)行講解。