首先NGUI屬於Unity3D的插件,需要先導入資源包,導入完成後工具欄出現NGUI選項
使用方式
第一步:創建畫板
1. 點擊工具欄上的NGUI選項
2. 選擇Create
3. 選擇2DUI
第二步:選中UIRoot
4. 在畫板上右鍵點擊
5. 選擇Create
6. 常用的UI組件
第三步:查看NGUI自帶的UI預設體
7. 點擊NGUI
8. Open
9. PrefabToolBar
下面對NGUI的各個組件進行使用說明
1. Label:相當於UGUI中的Text
- Overflow:
- shrinkContent:自動調整大小
- clampContent:普通裁剪方式
- ResizeFreely:自己固定大小,不可改變
- ResizeHeight:自己固定大小,可變寬不可變高
- Gradient:漸變色(從上到下)
- Effect
- shadow:陰影
- outline:邊框
- MaxLine:限制最大行數
2.Invisible Widget:容器
3.Simple Texture:簡單紋理(相當於UGUI的RawImage)
- texture:可以把圖片拖到此處
4.Unity2D Sprite:2D精靈
5.Sprite:精靈
1.Atlas:需要添加圖集,不能直接添加圖片 製作圖集的方式:NGUI--->OpenAtlas
2.Flip:翻轉
1.Horizontal:水平翻轉
2.Vertical:垂直翻轉
3.Both:同事翻轉
3.Type:類型
1.Simple:簡單的
2.Sliced:九宮格切割
3.Tiled:平鋪
4.Filled:填充滿
5.Advanced:對個方向單獨操作
6.Panel:與UIRoot一樣大的容器(不可變大小)
7.Scroll View:滾動視圖
1.添加碰撞體
右鍵Attach--->BoxCollider
2.添加滑動腳本
右鍵Attach--->DragScrollView
3.Drag Effect:拖拽效果
1.Momentum:瞬間回彈
2.Momentum And Spring:自然回彈
4.Scroll Wheel Factor:滾輪滾動的快慢
5.Scroll Bar:
1.Horizontal:水平滾動條
2.Vertical:垂直滾動條
8.Grid:格子(類似於UGUI的格子布局)
1.Arrangement:佈局方式
1.Horizontal:水平佈局
2.Vertical:垂直佈局
3.cell snap:
2.Anchors:錨點
1.None:無
2.Unified:常用
3.Advanced:
9.按鈕
前面的八個組件都可以設置能button
首先右鍵Attach--->BoxCollider
然後右鍵Attach--->ButtonScript
添加所有的腳本都是Attach
10.Tween動畫
1.Alpha:透明動畫
2.Cdor:顏色動畫
3.Width:寬
4.Height:高