游戏开发之NGUI使用笔记

                                   游戏开发之NGUI使用笔记

l 图集Atlas

精灵图集:游戏开发之NGUI使用笔记->游戏开发之NGUI使用笔记

制作图集:

1. 游戏开发之NGUI使用笔记

2. 游戏开发之NGUI使用笔记

3. 选择需要的图片

4. 点击Create即可形成图集

l 按钮制作:

1. 创建Sprite,选择Sprite,鼠标右键选择Attach,添加BoxCollider

游戏开发之NGUI使用笔记 

2. 选择Sprite,鼠标右键选择Attach,添加ButtoneScript

游戏开发之NGUI使用笔记

3.

注意:如果是通过在unity中AddComponent,将BoxCollider勾选 游戏开发之NGUI使用笔记jj 游戏开发之NGUI使用笔记

l 实现按钮点击事件:


找到按钮->游戏开发之NGUI使用笔记带有脚本的物体放到游戏开发之NGUI使用笔记

->Method找到要调用的方法。

  游戏开发之NGUI使用笔记 

锚点AnchorUI自适应屏幕)

 

l 2D精灵动画

1. 创建2D精灵

2. 添加UI2DSpriteAnimation组件

3. 将图片设置为精灵模式,并且为可切割的

  游戏开发之NGUI使用笔记

4. 游戏开发之NGUI使用笔记->游戏开发之NGUI使用笔记,将图片切割好,Apply。

5. 最后到游戏开发之NGUI使用笔记将精灵依次给到相应位置即可。可通过游戏开发之NGUI使用笔记调节速度。

 

l 开关制作游戏开发之NGUI使用笔记

1. 创建精灵->Attach BoxCollider-> 游戏开发之NGUI使用笔记

2. 游戏开发之NGUI使用笔记在子集中创建精灵(选择点击开关时显示的图片)

3. 将子集精灵拖到父级相应位置,

  游戏开发之NGUI使用笔记 

4. StartState是指开关的初始状态

l 滑竿制作

1. 创建Sprite,给深度值较高的精灵,添加BoxCollider,添加游戏开发之NGUI使用笔记

2. 创建Sprite作为子集

游戏开发之NGUI使用笔记 

Foreground前景图(此处当鼠标拖拽滑竿时,会有伸缩效果)

Background背景图(固定不动)

Thum(此处创建一个精灵拖到此处,可形成游标效果显示

)

3. Direction滑竿方向

l 滑竿数值百分比显示

1. 找到滑动条组件,游戏开发之NGUI使用笔记,将创建的UILable拖拽到游戏开发之NGUI使用笔记

2. 调用UILable.SetCurrentPercent方法

l 下拉菜单制作

1. 在精灵按钮中添加BoxCollider ,游戏开发之NGUI使用笔记组件

2. 游戏开发之NGUI使用笔记将需要的下拉菜单按钮输入Options

3. Lable拖拽到游戏开发之NGUI使用笔记,弹出菜单选择的内容将显示在Lable中。

4. 游戏开发之NGUI使用笔记默认按钮Labe内容。

游戏开发之NGUI使用笔记设置菜单按钮自动,向上,向下弹出。

l UIPlayerTween组件使用:

1. 创建一个精灵,给精灵添加碰撞,并添加PlayTweenScript组件。

2. 录制一组Tween动画,录制好后,将Tween动画组件隐藏(之后会通过点击精灵控制这组动画的播放)。

3. 将需要控制Tween动画的UI放到PlayTweenScript组件的游戏开发之NGUI使用笔记位置

4. PlayTweenScript组件中游戏开发之NGUI使用笔记为触发动画的方式,设置成游戏开发之NGUI使用笔记为点击触发。

5. 游戏开发之NGUI使用笔记动画播放的方向:游戏开发之NGUI使用笔记来回方向播放,游戏开发之NGUI使用笔记正常方向播放,游戏开发之NGUI使用笔记相反方向播放。

l 滑动精灵位置滑动效果

1. 创建背景精灵。

2. 创建游戏开发之NGUI使用笔记(可滑动区域)作为背景精灵子集。

3. 创建物品精灵,作为滑动区域的子集。

4. 给物品精灵添加BoxCollider以及可在滑动区域滑动组件

游戏开发之NGUI使用笔记 

需要拖拽滑动区域背景有滑动效果,也可给背景添加碰撞以及滑动区域拖拽滑动组件

l 滑竿控制滑动效果

1. 将滑竿拖到场景中游戏开发之NGUI使用笔记

2. 将垂直/水平滑竿放到游戏开发之NGUI使用笔记组件中相应的属性中(若只需要水平/垂直,只拖拽一种即可)

3. 若既想实现水平,也想垂直拖拽,不要忘记设置游戏开发之NGUI使用笔记任意方向滑动。Custom 是自定义滑动方向及偏移量。

l 精灵拖拽效果

1. 给物品精灵添加BoxCollider,添加拖拽组件游戏开发之NGUI使用笔记

2. 若需要拖拽的精灵在所有UI最前方显示,创建深度值较高的panel并添加

     游戏开发之NGUI使用笔记

l 拖拽的物品栏排序

1. 创建Grid(并注意形成父子关系)游戏开发之NGUI使用笔记

2. 设置Grid为平行布置还是垂直布置游戏开发之NGUI使用笔记

3. 游戏开发之NGUI使用笔记设置物品栏之间间隔。

4. 游戏开发之NGUI使用笔记如何排序。

5. 游戏开发之NGUI使用笔记对齐方式。

      游戏开发之NGUI使用笔记是否有平滑动画。

l 在某个精灵背景

背景精灵添加拖拽容器组件游戏开发之NGUI使用笔记

l 停留的物品进行排序

1. 创建Grid拖拽容器组件的游戏开发之NGUI使用笔记位置。

2. 设置Grid位置以及间隔距离。

l 聊天

1. 创建输入区域以及显示区域游戏开发之NGUI使用笔记

2. 输入区域添加ChatInput组件

游戏开发之NGUI使用笔记

3. 聊天显示区域添加UITextList组件游戏开发之NGUI使用笔记

4. 需要滑动条,可放到ScrollBar位置