NGUI 3D菜单

来源:互联网 发布:淘宝大学一飞 编辑:程序博客网 时间:2024/06/08 20:07

这个是按照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自带)。然后将整个窗口拖动至脚本组件上:



0 0
原创粉丝点击