游戏开发之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位置。