Unity3D-----NGUI

一、NGUI插件的安裝

不同版本的Unity對應不同版本的NGUI,找到相應版本的NGUI插件後,在Unity中直接導入這個NGUI包,在Unity窗口中出現NGUI說明插件安裝成功。
在這裏插入圖片描述

二、NGUI的使用

1、sprite

  • 首先點擊NGUI->Create->Sprite創建一個精靈,此控件用於放置圖片,有點類似image組件。另在加入collider配裝器和Button Script組件後,此控件可以當做按鈕來使用。
    在這裏插入圖片描述
  • 我們看到這個控件的屬性當中,有Altas(圖集)sprite(精靈),這兩個屬性用於選取圖片,首先我們需要選擇相應的圖集(圖集可以自己製作,後面會介紹,這裏就不進行累贅了),然後才能夠進行精靈的選擇。
    在這裏插入圖片描述
  • Type屬性類型有simple、Sliced、Filled、Tiled,simple、Advanced爲默認類型,Sliced爲切割類型、Filled爲填充類型、Tiled爲鋪滿類型。這裏我就只介紹Sliced類型和Advanced類型有何作用,其他類型請自行測試。
    在這裏插入圖片描述
    Sliced類型:在進行一個圖片的放大時,我們會發現圖片會逐漸變得越來越模糊,導致看不清圖片,而有時候的需求又是放大圖片我只要保證關鍵部分不模糊即可,其他不重要的部分可以不管,所以我們就可以用到sliced類型。
    1、首先選擇sliced類型,然後點擊在這裏插入圖片描述
    2、調整裏面boder屬性值,分別是上下左右的界限,調整完成後,在進行縮放時,圖片像素是不會發生改變的。
    在這裏插入圖片描述
    Advanced類型:對圖片進行切割,將圖片分爲九宮格類型,然後能夠對每一個部分進行調整。同樣是調整boder屬性值,需要將上下左右的邊界都進行調整,然後回到原來的界面,調整這個值在這裏插入圖片描述就可以對部分圖片進行修改了,例如隱藏中間的圖片。

2、Label

1、字體設置
在Label當中,字體分爲NGUI和Unity兩種類型,其中NGUI的字體不支持顯示中文,所以若要顯示中文,請使用Unity當中的字體。若非要使用NGUI字體顯示中文,就需要自己製作字體,那麼可按如下步驟進行實現

  • 首先創建一個空物體
  • 給空物體添加一個 NGUI Font組件
  • 將組件中Font Type修改爲動態類型
  • 在C:/windows/fonts文件夾下將中文字體導入Unity當中
  • 將導入的字體給予NGUI Font組件中的TTF Font

字體制作完後,將其放入在這裏插入圖片描述
2、overflow有四種類型,都是關於設置文本內容排版問題的,大家可自行測試一下就能發現是什麼作用了。

3、錨點設置

錨點的設置有兩種方式:(1)使用sprite底部的Anchors模塊(2)使用NGUI->Create->Anchor
注意:兩者不能同時使用,否則容易出錯!
在屏幕尺寸發生變化時,我們發現圖標並不能跟隨屏幕尺寸的變化而變化,所以在這裏我們需要設置錨點。在錨點設置完成後,我們進行屏幕尺寸的變化,會發現圖片有跟隨變化,但是我們隨之也會發現,原本圖片在屏幕中間部分,但將尺寸變大後,圖片可能出現在頂部,中間部分沒有,所有我們還需要進行一個設置,將UI Root當中的Scaling Style類型設置爲Constrained。
在這裏插入圖片描述
(1)在sprite界面的底部,有一個Anchors選項欄,在這裏我們選擇單一模式unifled。
在這裏插入圖片描述
在這裏我們給一個目標transform,即你需要圖標相對於誰固定,給予之後調整上下左右錨點值即可。
在這裏插入圖片描述
(2)在創建Anchor之後,需要設置錨點的物體與Anchor形成賦值關係,Anchor爲父,然後設置Anchor中在這裏插入圖片描述的值即可。

三、圖集製作

點擊NGUI->Open->Atlas Maker,會出現圖集製作窗口
在這裏插入圖片描述
我們只需要點擊new按鈕之後,在project窗口中選擇圖片即可,可按住ctrl進行多選,在Atlas Maker窗口中會自動添加圖片,若是要取消,只要取消選擇即可,在選擇完圖片後,點擊Create進行圖集創建,到此圖集創建就完成了,在創建完成後也可再打開此窗口進行圖集的調整。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章