博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
NGUI v301 官网详解 Example 3 - Menu
阅读量:7029 次
发布时间:2019-06-28

本文共 1752 字,大约阅读时间需要 5 分钟。

hot3.png

这个例子教会大家

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

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

3、学会使用 Popup Menu 组件

4、学会使用  Scroll Bar 组件

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

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

第一步:创建默认窗口

110803_RDPP_1431437.jpg          110803_zjdy_1431437.jpg

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

1、选中 zhengwen 这个 label 对象

2、直接在 inspector 点击 Add Component

3、输入要添加的组件即可,他就会显示出当前有的组件

4、然后选中要添加的组件单击即可添加,后面都是通过这样的形式添加NGUI组件

110932_qZfb_1431437.jpg

第三步:创建二级菜单子窗口

1、直接复制 Window 并命名 Window1

2、为了方便制作 我们暂时关闭 Window(选中Window 在Inspector取消勾选即可)

3、删除不需要的 button 和 label 

4、制作音量控制,由label 和 Scroll Bar 对象组成,为了好看我们先添加一个空对象命名 MUSIC

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

112501_bFtJ_1431437.jpg

6、创建 SOUND 和 VOICE (复制2个MUSIC 进行修改,选中MUSIC,CTRL+D)

112912_g3Pp_1431437.jpg

颜色自己去调整...................

7、创建下拉列表  

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

b、添加一个label 用于表述

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

[99FF66]EasyNormal[FF6633]Hard[FF0066]Nightmare

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

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

10、创建单选框  添加 Toggle 对象,并修改他的位置及文字

144229_L47g_1431437.jpg

11、最终层次结构和效果如下

144315_V77V_1431437.jpg          144316_4uaU_1431437.jpg

第四步:分别给2个窗口(Window/window1)添加 Animation 组件,并指定他的播放动画,关闭自动播放

(这里说下为什么是2个动画,因为需求是这样...打开是一个,关闭是一个,这里主要教会大家如何定义和控制多个动画,其实用一个也是可以做到的) 

150911_MOrE_1431437.jpg

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

我们是通过按钮来实现窗口的切换,那么我们就需要在按钮上添加 Play Animation 组件。

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

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

2、其中一个设置如下,用来控制 自身窗口的关闭

160642_gjTa_1431437.jpg

3、另外一个设置如下,用来控制 新窗口的打开

160626_Znqc_1431437.jpg

3、详细的说下相关参数

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的用法才是王道

转载于:https://my.oschina.net/1784253989/blog/190650

你可能感兴趣的文章
vmware收集日志相关
查看>>
2014.7.30-8.3日广大网友的提问解答(答问题的第2个工作周)
查看>>
何玺评腾讯一起来捉妖,值得期待的区块链游戏
查看>>
LightBus新浪微博客户端开源下载
查看>>
Hyper-V 3.0网络虚拟化PART 2:外部交换机
查看>>
【翻译】培训提示:解决常见编码问题的简单技巧
查看>>
[全球最详细] 《统一沟通-微软-实战》VS《统一沟通-微软-技巧》-51CTO
查看>>
iptables官方手册整理
查看>>
Win8 官方培训课程
查看>>
用MacBook对交换机进行初始化配置
查看>>
Linux 的五个重启命令及具体说明
查看>>
Hadoop虚拟化扩展(HVE)之资源扩展技术
查看>>
Exchange日常管理之十九:配置邮件提示功能
查看>>
论脚本时代:盘点那些节省时间的自动化软件
查看>>
虚拟资源引流变现
查看>>
Powershell管理系列(三)2012 AD域用户UPN名称还原
查看>>
C#设计模式(13)——代理模式(Proxy Pattern)
查看>>
K8S集群基于metrics server的HPA测试
查看>>
Linux哲学思想:组合小软件完成大任务
查看>>
Windows Thin PC安装功能组件
查看>>