请选择 进入手机版 | 继续访问电脑版

【3D技术宅公社】XR数字艺术论坛  XR技术讨论 XR互动电影 定格动画

 找回密码
 立即注册

QQ登录

只需一步,快速开始

调查问卷
论坛即将给大家带来全新的技术服务,面向三围图形学、游戏、动画的全新服务论坛升级为UTF8版本后,中文用户名和用户密码中有中文的都无法登陆,请发邮件到324007255(at)QQ.com联系手动修改密码

3D技术论坛将以计算机图形学为核心,面向教育 推出国内的三维教育引擎该项目在持续研发当中,感谢大家的关注。

查看: 4381|回复: 0

[NGUI插件] NGUI 3.0.x官网示例3--Menu讲解

[复制链接]
发表于 2013-12-25 11:54:10 | 显示全部楼层 |阅读模式
其最终效果是窗口中的Label文字出现打字效果,当按下窗体中的Options按钮时,两个窗口会来回切换,如图所示:

1)制作窗体
1. 按照前面三个帖子的前几步,制作出基本的Advanced3D类型的UI,并把Panel重命名为Panel-Main,并为其添加一个空的游戏对象,命名为Window,最后reset下那个Window空对象,如图所示:


接下来,以前面的NGUI官网示例2-interaction-讲解的过程制作出该Window的界面

同时,为Panel-Main中的文字Label添加一个TypewriterEffect组件,这样一步就能实现打字效果,可以点击运行试试看。是不是很帅!
2)制作第二个窗体
接着复制一个Panel-Main,并改名为Panel-Option,并把其中的元素进行调整,并使用Open->Widget Wizard添加拖动条,checkbox,下拉菜单等。这里讲下下拉菜单的制作,该步骤与添加其他的Widget一样,只是在参数中,可以使用该组件中的Option参数设置下拉菜单的内容,其中左边的图,Difficulty只是一个空的游戏对象,里面包括了一个自己创建的Label和一个PopupList,在左边的Options参数中设置了四个选项,前面中括弧括起来的是该选项的颜色,如图所示:


Panel-Option最后的效果,如图所示:


制作完成后将这个窗体拖到摄像机视野之外。
接下来,为其添加一个Sprite背景和左边的Label,与以前面的NGUI官网示例2-interaction-讲解的过程制作出该Window的界面



您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|3D数字艺术论坛 ( 沪ICP备14023054号 )

GMT+8, 2024-3-29 20:01

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表