Posted on 2013-10-12 09:57
點點滴滴 閱讀(932)
評論(0) 編輯 收藏 引用 所屬分類:
02 編程語言
首先導入NGUI package
，這里我們選用的是2.6.3
版本的NGUI
。在unity工程窗口中點擊右鍵選擇 Importpackage
àcustom package
，選擇你下載的NGUI
插件，導入完成后效果如圖:
１．選擇菜單NGUIàOpen the UI Wizard,彈出創建UI對話框。點擊Layer窗口右邊對應的按鈕，彈出層選擇對話框，在這里我們選擇AddLayer
新建Layer窗口中，我們新建一個叫NGUI的Layer，添加Layer之后
再次回到UITool窗口，更改界面Layer為NGUI
在下面的Camera選項中有None，Simple2D，Advanced
3d選項，分別用于創建不帶camera的界面（這里如果已經有一個UI界面，我們只是想添加一個新的界面，可以選擇這個），簡單的2D界面（此選項沒有Z軸效果），高級3D界面（此選項下的界面有Z軸效果，并且可以3D旋轉，以此選項創建的UI有自適應分辨率的功能）。
在這里我們先創建一個Simple2D界面，選擇好之后點擊下面的Create Your UI按鈕，創建一個UI。程序會自動為我們創建一個有節點層級關系的一些物體，如圖，分別是UI根節點，，一個相機節點，一個錨點節點，和一個用于盛放按 鈕等UI的Panel節點我們現在可以不用管這些節點的功能和作用，只要記住Panel節點即可，以后我們創建的所有按鈕等UI都放在Panel層級下。
創建UI元素，選擇菜單NGUIàOpen the Widget Wizard,彈出創建UI元素對話框
首先是Atlas窗口，Atlas就是一個大的圖片，里面用于存放我們需要用到的各種圖標。在后面我們將講解怎么創建自己的Atlas,Font是我們創建UI時用到的字體，Template可以允許我們選擇要創建的UI類型，包括Label，Spirit等等，如圖
我們可以使用NGUI自帶的一些Atlas，如圖是NGUI自帶的一些Atlas，其中帶有Font字樣的是字體Atlas。
這里Atlas我選擇Fantasy Atlas，Font選擇Fantasy Atlas –Font Normal，在項目窗口中選擇Fantasy Atlas拖到Atlas中，選擇Fantasy Atlas –FontNormal，拖放到Font中，
在Template中，我們選擇 Spirit，Spirit選項讓我們選擇需要創建的圖標，這里我們選擇smooth，Pivot默認的center ,然后確保AddTo右邊的選項是我們要添加到的Panel中，如果不是，我們可以在Inspector中點擊選中panel，NGUI會自動為我們切 換。最后點擊AddTo，NGUI會在Panel節點下創建一個名稱為Sprite (Smooth)的spirit。屬性窗口如圖：
1. 這里的atlas，Spirit，Pivot都是剛才創建的時候已經選擇好的，如果不滿意可以在這里修改。
Depth可以控制我們的圖標向前或者向后偏移，例如如果我們想要某個圖標在另一個圖標的上方，我們可以把它的Depth設置更大。
Correction主要用于修正因圖標像素是奇數而出現的問題。
Color Tint可以在圖標顏色的基礎上為圖標著色，
Clipboard是剪貼版的顏色，當我們選擇一個Cilpboard顏色后，點擊Paste可以將顏色粘貼到ColorTint的顏色上。
Spirit Type表示要創建的Spirit平鋪方式，包括Simple，Sliced，Tiled，Filled。如果圖標較小，我們需要平鋪很大，但是又不想看出重復，可以選擇sliced。
這里我們選擇sliced，Fillcenter選擇默認。然后修改Spirit的縮放值。我們可以選擇不同的SlicedType查看不同選項的效果。如圖所示:
其中前三種選項大致一樣，只有第四種Filled選項下又包括Fill Dir（填充方向），FillAmount（填充量），Invert Fill（反轉填充）三個選項，這三個主要用于修改填充為360旋轉填充，水平，垂直填充等，大家可以自己試驗一下效果。
聲明: 本文由( zqcyou )原創編譯，轉載請保留鏈接: NGUI系列教程一