什么是UI?unity中NGUI與UGUI的區(qū)別?

什么是UI?

UI即User Interface(用戶界面)的簡稱。泛指用戶的操作界面,UI設(shè)計(jì)主要指界面的樣式,美觀程度。而使用上,對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)則是同樣重要的另一個(gè)門道。好的UI不僅是讓軟件變得有個(gè)性有品味,還要讓軟件的操作變得舒適、簡單、自由,充分體現(xiàn)軟件的定位和特點(diǎn)。

NGUI與UGUI詳細(xì)對比

UGUI是官方4.6以后推出的一套UI組件,相對于之前的GUI倒是改頭換面了,可視化操作,便捷、省心。NGUI則是unity一直以來最強(qiáng)的UI插件(沒有之一),甚至還是官方新UI的導(dǎo)師。

1.ugui的ui根目錄為canvas(畫布),ngui則是uiroot。在命名上官方似乎更貼合想象力。

2.在屏幕自適應(yīng)方面,ugui為render mode。ngui則為scaling style。

3.anchor(錨點(diǎn))的使用方式差不多,都是用來固定位置,在可視化方面,ugui的花瓣錨點(diǎn)真不太好調(diào)。

4.ngui靈活性不是一般的高,隨意創(chuàng)建一個(gè)sprite,加了boxcollider,它就可以是按鈕、滑動條……

5.ugui的sprite的切圖功能真心不錯。ngui使用圖集不能直接拖拉(畢竟是三方插件)略不方便。

6.ngui的tween動畫功能很省心,無需額外定義代碼,使用封裝好的腳本就可以實(shí)現(xiàn)一些簡單動畫,疊加腳本甚至能實(shí)現(xiàn)相對復(fù)雜的動畫效果。

最后,強(qiáng)大的網(wǎng)友分享了一張比較全面的對比圖(點(diǎn)擊圖片放大):

ngui對比ugui.png
總結(jié):
  1. NGUI與UGUI的區(qū)別
    1. uGUI的Canvas 有世界坐標(biāo)和屏幕坐標(biāo)
    2. uGUI的Image可以使用material
    3. UGUI通過Mask來裁剪,而NGUI通過Panel的Clip
    4. NGUI的渲染前后順序是通過Widget的Depth,而UGUI渲染順序根據(jù)Hierarchy的順序,越下面渲染在頂層.
    5. UGUI 不需要綁定Colliders,UI可以自動攔截事件
    6. UGUI的Anchor是相對父對象,沒有提供高級選項(xiàng),個(gè)人感覺uGUI的Anchor操作起來比NGUI更方便
    7. UGUI沒有Atlas一說,使用Sprite Packer
    8. UGUI的Navigation在Scene中能可視化
    9. UGUI的事件需要實(shí)現(xiàn)事件系統(tǒng)的接口,但寫起來也算簡單

2.各自的優(yōu)缺點(diǎn)
1) NGUI還保留著圖集,需要進(jìn)行圖集的維護(hù)。而UGUI沒有圖集的概念,可以充分利用資源,避免重復(fù)資 源。
2) UGUI出現(xiàn)了錨點(diǎn)的概念,更方便屏幕自適應(yīng)。
3) NGUI支持圖文混排,UGUI暫未發(fā)現(xiàn)支持此功能。
4) UGUI沒有 UIWrap 來循環(huán) scrollview 內(nèi)容。
5) UGUI暫時(shí)沒有Tween組件。

3.使用選擇總結(jié)
UGUI由于是Unity原生支持的,所以使用上會更加的人性化。并且伴隨著版本升級功能會越來越強(qiáng),逐漸將成為主流ui方案。NGUI是UGUI出現(xiàn)之前的產(chǎn)物,通過MeshRenderer來實(shí)現(xiàn)類似CanvasRenderer的功能,概念上有點(diǎn)蹩腳。作為一個(gè)插件雖然已最大努力讓UI開發(fā)工作變得簡單,但相比能夠讓UnityEditor做出相應(yīng)修改的UGUI(如RectTransform的出現(xiàn)),其易用性是沒法比的。綜合來說,新的項(xiàng)目建議使用UGUI,學(xué)習(xí)成本不高,工具流更有助于提高開發(fā)效率。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,316評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,481評論 3 415
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,241評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,939評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,697評論 6 409
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,182評論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,247評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,406評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,933評論 1 334
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,772評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 42,973評論 1 369
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,516評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,209評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,638評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,866評論 1 285
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,644評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 47,953評論 2 373

推薦閱讀更多精彩內(nèi)容

  • Unity編輯器基礎(chǔ) 1.請描述游戲動畫有幾種,以及其原理。 主要有關(guān)節(jié)動畫、單一網(wǎng)格模型動畫(關(guān)鍵幀動畫)、骨骼...
    豆錚閱讀 4,591評論 0 6
  • 前言:關(guān)于Unity中關(guān)于UI的插件,我們最開始學(xué)的是UGUI,是Unity自帶的UI系統(tǒng),而在Unity版本還沒...
    Joe_Game閱讀 16,339評論 0 8
  • 1) uGUI的Canvas 有世界坐標(biāo)和屏幕坐標(biāo) 2) uGUI的Image可以使用material 3) UG...
    9ec0d851321c閱讀 551評論 0 0
  • 一、 uGUI與NGUI的區(qū)別 1、uGUI的Canvas 有世界坐標(biāo)和屏幕坐標(biāo)。 2、uGUI的Image可以使...
    上善若水jf閱讀 882評論 1 0
  • 區(qū)別: 1、uGUI的Canvas 有世界坐標(biāo)和屏幕坐標(biāo) 2、uGUI的Image可以使用material 3、U...
    o好久不見o閱讀 1,140評論 0 1