点击一个按钮,使得菜单栏隐藏,滑出的功能
一:添加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对象移动,