魔獸世界9.1插件,NGUI_2.6.3_系列教程一

 2023-10-07 阅读 29 评论 0

摘要:首先導入NGUI package,這里我們選用的是2.6.3版本的NGUI。在unity工程窗口中點擊右鍵選擇?Importpackagecustom package,選擇你下載的NGUI插件,導入完成后效果如圖: 1.選擇菜單NGUIOpen the UI Wizard,彈出創建UI對話框。點擊Layer窗口右
首先導入NGUI package,這里我們選用的是2.6.3版本的NGUI。在unity工程窗口中點擊右鍵選擇?Importpackageàcustom package,選擇你下載的NGUI插件,導入完成后效果如圖:
1.選擇菜單NGUIàOpen the UI Wizard,彈出創建UI對話框。點擊Layer窗口右邊對應的按鈕,彈出層選擇對話框,在這里我們選擇AddLayer
新建Layer窗口中,我們新建一個叫NGUI的Layer,添加Layer之后
再次回到UITool窗口,更改界面Layer為NGUI
在下面的Camera選項中有None,Simple2D,Advanced3d選項,分別用于創建不帶camera的界面(這里如果已經有一個UI界面,我們只是想添加一個新的界面,可以選擇這個),簡單的2D界面(此選項沒有Z軸效果),高級3D界面(此選項下的界面有Z軸效果,并且可以3D旋轉,以此選項創建的UI有自適應分辨率的功能)。
在這里我們先創建一個Simple2D界面,選擇好之后點擊下面的Create Your UI按鈕,創建一個UI。程序會自動為我們創建一個有節點層級關系的一些物體,如圖,分別是UI根節點,,一個相機節點,一個錨點節點,和一個用于盛放按 鈕等UI的Panel節點我們現在可以不用管這些節點的功能和作用,只要記住Panel節點即可,以后我們創建的所有按鈕等UI都放在Panel層級下。魔獸世界9.1插件。
創建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都是剛才創建的時候已經選擇好的,如果不滿意可以在這里修改。java系列教程?
Depth可以控制我們的圖標向前或者向后偏移,例如如果我們想要某個圖標在另一個圖標的上方,我們可以把它的Depth設置更大。
Correction主要用于修正因圖標像素是奇數而出現的問題。
Color Tint可以在圖標顏色的基礎上為圖標著色,
Clipboard是剪貼版的顏色,當我們選擇一個Cilpboard顏色后,點擊Paste可以將顏色粘貼到ColorTint的顏色上。
Spirit Type表示要創建的Spirit平鋪方式,包括Simple,Sliced,Tiled,Filled。如果圖標較小,我們需要平鋪很大,但是又不想看出重復,可以選擇sliced。2ui插件?

這里我們選擇sliced,Fillcenter選擇默認。然后修改Spirit的縮放值。我們可以選擇不同的SlicedType查看不同選項的效果。如圖所示:

其中前三種選項大致一樣,只有第四種Filled選項下又包括Fill Dir(填充方向),FillAmount(填充量),Invert Fill(反轉填充)三個選項,這三個主要用于修改填充為360旋轉填充,水平,垂直填充等,大家可以自己試驗一下效果。

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://hbdhgg.com/1/126956.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 匯編語言學習筆記 Inc. 保留所有权利。

底部版权信息