NGUI v301 官网详解 Example 3 - Menu

这个例子教会你们

一、实现文本逐个打印的效果  使用 TypewriterEffect 组件

二、强化训练  在NGUI中如何使用 Animation 组件

三、学会使用 Popup Menu 组件

四、学会使用  Scroll Bar 组件

五、学会使用 Play Animation 针对动画进行灵活的控制

注意：本教程不必定按照官方的例子一步一步来，只是把重点说清楚

第一步：建立默认窗口

          

第二步：给窗口的 Label 添加 TypewriterEffect  组件 实现文字逐个显示效果

一、选中 zhengwen 这个 label 对象

二、直接在 inspector 点击 Add Component

三、输入要添加的组件便可，他就会显示出当前有的组件

四、而后选中要添加的组件单击便可添加，后面都是经过这样的形式添加NGUI组件

第三步：建立二级菜单子窗口

一、直接复制 Window 并命名 Window1

二、为了方便制做 咱们暂时关闭 Window（选中Window 在Inspector取消勾选便可）

三、删除不须要的 button 和 label 

四、制做音量控制，由label 和 Scroll Bar 对象组成，为了好看咱们先添加一个空对象命名 MUSIC

五、给 MUSIC 分别添加 label 和 Scroll Bar 对象

六、建立 SOUND 和 VOICE （复制2个MUSIC 进行修改，选中MUSIC，CTRL+D）

颜色本身去调整...................

七、建立下拉列表  

a、添加 一个空对象 做为 Window1 的子对象 命名为 OIFFICULTY

b、添加一个label 用于表述

c、添加 Popup Menu 对象，将对象的 Options 输入

[99FF66]Easy
Normal
[FF6633]Hard
[FF0066]Nightmare

一行一个选项，NGUI的颜色是经过[RGB编码]表示

九、复制 一份 OIFFICULTY 移动并修改其名字为 CONTROLLS

十、建立单选框  添加 Toggle 对象，并修改他的位置及文字

十一、最终层次结构和效果以下

          

第四步：分别给2个窗口（Window/window1）添加 Animation 组件，并指定他的播放动画，关闭自动播放

（这里说下为何是2个动画，由于需求是这样...打开是一个，关闭是一个，这里主要教会你们如何定义和控制多个动画，其实用一个也是能够作到的） 

第五步：分别给实现窗口切换的按钮 添加 Play Animation 组件 实现窗口切换效果

咱们是经过按钮来实现窗口的切换，那么咱们就须要在按钮上添加 Play Animation 组件。

这里有个重点，在需求当中 点击设置按钮那么会打开设置的窗口，而后不要忽略了还要关闭自身的窗口

一、给 Button-opt 对象添加 2个  Play Animation 组件

二、其中一个设置以下，用来控制 自身窗口的关闭

三、另一个设置以下，用来控制 新窗口的打开

三、详细的说下相关参数

Target  你须要控制播放动画的对象，他必须自身有 Animation 组件才行

Clip Name  点击时播放的 动画名称（由于前面设置了组动画也就是多个，咱们须要去指定）

Tirgger condition  何时触发 常见的是 On Click 点击 hover 鼠标放上 等等

Play direction  动画播放的方式 Forward  从头至尾播放 Reverse 从尾到头 也就是倒着播放 另一个toggle 反复播放...

If disabled on start  启动时是否打开对象及子对象 

When finished  当动画播放完成后怎么处理  Disable After Forward 当前打开就关闭 /当前关闭则打开PS

PS，而后本身根据理解的东西去作 DONE 按钮所对应的动画控制吧..........

请不要蛋疼的纠结 显示效果好么........... 理解NGUI的用法才是王道