【 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对象移动，

 

六：补充

Toggle按钮同样可以用OnClick()方法触发点击效果