【 unity3d 】NGUI用Toggle脚本制作滑动菜单栏(开关播放Tween动画)

点击一个按钮,使得菜单栏隐藏,滑出的功能


  一:添加UI对象

Panel作为父类,空物体1个,两个sprite作背景 ,以及要滑动的网格对象Grid

二、添加组件:

1、在空物体上加上盒子碰撞器


2、在空物体toggleEmpty加上 Toggle脚本,把前置背景拖入转换状态,先默认为隐藏,点击后激活

所以backGround(狮子头开口状态)的depth比foreGround(狮子头闭口状态)低,这样播放的时候隐藏fore(开口)

点击后闭口(隐藏菜单)。这是要注意的逻辑问题


三:制作裁切效果

给MenuPanel设置裁切功能 

1、选择Soft Clip,按t移动粉红色边框设置范围


2、TogglePanel可以不必设置裁切效果

四:设置滑动动画

1、在Grid网格下添加Tween Postion动画,设置From - TO的坐标,最后记得取消激活状态


2、在ToggleEmpty下添加UI Play Tween 播放动画脚本,并拖入播放的对象(Grid),设置播放条件(on click),播放方式(Toggle)


3、继续设置Play Tween脚本,滑动后隐藏Grid对象

 在点击动画后,移动然后隐藏Target对象,激活Target对象然后播放


五:此时点狮子头(ToggleEmpty)就可以来回播放动画,使Grid对象移动,


猜你喜欢

转载自blog.csdn.net/liaoshengg/article/details/80827069