NGUI 3D菜单

这个是按照Ngui的官方Demo,自己重新做了一次后的总结。


新建场景。点击Ngui--->Create--->3DUI。


1、在UI ROOT(3D)下面创建一个Empty GameObject,命名为MainMenu,用来盛放MainMenu的元素。再创建一个Empty GameObject命名为OptionMenu,用来盛放OptionMenu的元素。

2、向MainMenu中添加一个Sprite用作菜单背景,命名为bgSprite。再添加一个Sprite作为弹出OptionMenu的按钮,命名为optionBtn。相同的步骤在OptionMenu中添加两个Sprite,不过这里的按钮Sprite命名为backBtn,用于返回MainMenu。

3、给MainMenu添加Animation组件,将事先制作好的动画剪辑(.anim文件)拖动到Animation上:


相同的步骤在OptionMenu再添加Animation组件,同样将事先制作好的动画剪辑拖上去。

4、在MainMenu下的optionBtn上添加两个UIPlayAnimation.cs脚本(Ngui自带)。为什么这里要添加两个?因为一个用来控制MainMenu菜单动画的播放,另一个用来控制OptionMenu菜单动画的播放。将MainMenu和OptionMenu分别拖动至UIPlayAnimation组件上:


OK,运行点击按钮,动画播放了,有了简单的3D效果。

UIPlayAnimation:

Trigger condition:触发条件,这里选择的是onClick,通过按钮的点击来触发。

Play direction:动画播放方向,Reverse倒着播,Forward顺序播放。

If disabled on start:如果开始的时候是不显示的,做如何处理。

When finished:当结束了做何种处理:DoNotDisable什么都不做。Disable After Reverse倒着播放结束不显示 还有一个是顺序播放结束后不显示。目前仅仅测试了这些参数。


如果希望菜单能够被拖动的话,那么需要给拖动的地方加一个UIDragObject.cs脚本(Ngui自带)。然后将整个窗口拖动至脚本组件上:



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值