首先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:高