游戏开发之NGUI使用笔记
游戏开发之NGUI使用笔记
l 图集Atlas
精灵图集:->
制作图集:
1.
2.
3. 选择需要的图片
4. 点击Create即可形成图集
l 按钮制作:
1. 创建Sprite,选择Sprite,鼠标右键选择Attach,添加BoxCollider
2. 选择Sprite,鼠标右键选择Attach,添加ButtoneScript
3.
注意:如果是通过在unity中AddComponent,将BoxCollider勾选 jj
l 实现按钮点击事件:
找到按钮->把带有脚本的物体放到
->在Method找到要调用的方法。
锚点Anchor(UI自适应屏幕)
l 2D精灵动画
1. 创建2D精灵
2. 添加UI2DSpriteAnimation组件
3. 将图片设置为精灵模式,并且为可切割的
4. 到->
,将图片切割好,Apply。
5. 最后到将精灵依次给到相应位置即可。可通过
调节速度。
l 开关制作
1. 创建精灵->Attach
BoxCollider->
2. 在子集中创建精灵(选择点击开关时显示的图片)
3. 将子集精灵拖到父级相应位置,
4. StartState是指开关的初始状态。
l 滑竿制作
1. 创建Sprite,给深度值较高的精灵,添加BoxCollider,添加。
2. 创建Sprite作为子集
Foreground前景图(此处当鼠标拖拽滑竿时,会有伸缩效果)
Background背景图(固定不动)
Thum(此处创建一个精灵拖到此处,可形成游标效果显示
)
3. Direction滑竿方向
l 滑竿数值百分比显示
1. 找到滑动条组件,,将创建的UILable拖拽到
2. 调用UILable.SetCurrentPercent方法
l 下拉菜单制作
1. 在精灵按钮中添加BoxCollider
,组件
2. 将需要的下拉菜单按钮输入Options中
3. 将Lable拖拽到,弹出菜单选择的内容将显示在Lable中。
4. 默认按钮Labe内容。
设置菜单按钮自动,向上,向下弹出。
l UIPlayerTween组件使用:
1. 创建一个精灵,给精灵添加碰撞,并添加PlayTweenScript组件。
2. 录制一组Tween动画,录制好后,将Tween动画组件隐藏(之后会通过点击精灵控制这组动画的播放)。
3. 将需要控制Tween动画的UI放到PlayTweenScript组件的位置
4. PlayTweenScript组件中为触发动画的方式,设置成
为点击触发。
5. 动画播放的方向:
来回方向播放,
正常方向播放,
相反方向播放。
l 滑动精灵位置滑动效果
1. 创建背景精灵。
2. 创建(可滑动区域)作为背景精灵子集。
3. 创建物品精灵,作为滑动区域的子集。
4. 给物品精灵添加BoxCollider以及可在滑动区域滑动组件
若也需要拖拽滑动区域背景时有滑动效果,也可给背景添加碰撞以及滑动区域拖拽滑动组件
l 滑竿控制滑动效果
1. 将滑竿拖到场景中
2. 将垂直/水平滑竿放到组件中相应的属性中(若只需要水平/垂直,只拖拽一种即可)
3. 若既想实现水平,也想垂直拖拽,不要忘记设置任意方向滑动。Custom
是自定义滑动方向及偏移量。
l 精灵拖拽效果
1. 给物品精灵添加BoxCollider,添加拖拽组件
2. 若需要拖拽的精灵在所有UI最前方显示,创建深度值较高的panel并添加
l 拖拽的物品栏排序
1. 创建Grid(并注意形成父子关系)
2. 设置Grid为平行布置还是垂直布置
3. 设置物品栏之间间隔。
4. 如何排序。
5. 对齐方式。
是否有平滑动画。
l 留在某个精灵背景上
将背景精灵添加拖拽容器组件。
l 将停留的物品进行排序
1. 创建Grid拖到拖拽容器组件的位置。
2. 设置Grid位置以及间隔距离。
l 聊天
1. 创建输入区域以及显示区域
2. 给输入区域添加ChatInput组件
3. 给聊天显示区域添加UITextList组件
4. 若需要滑动条,可放到ScrollBar位置。