Unity3D NGUI的使用

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

  1. Overflow:
    • shrinkContent:自动调整大小
    • clampContent:普通裁剪方式
    • ResizeFreely:自己固定大小,不可改变
    • ResizeHeight:自己固定大小,可变宽不可变高
  2. Gradient:渐变色(从上到下)
  3. Effect
    - shadow:阴影
    - outline:边框
    - MaxLine:限制最大行数

2.Invisible Widget:容器
3.Simple Texture:简单纹理(相当于UGUI的RawImage)

  1. 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:高
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值