一、功能
注:以下功能的实现均用NGUI插件
当点击按钮时,按钮左侧所有图标会向右移动并进行隐藏。
如图,当点击蘑菇时,左侧图标都会向右移动并隐藏。
二、实现
1、创建精灵,将图标放入。
2、创建一个空物体,将需要缩进的图标精灵作为空物体的子类。作用:统一图标的缩进
3、点击NGUI->Create->Panel,创建完成面板后,将空物体拖入,作为Panel的子类。作用:控制渲染范围,用于隐藏和显示图标 。结构如下:
4、将Panel中的clipping中的类型设置为soft clip,并调整Panel的大小
5、给空物体AllSprite添加一个Tween Position组件,点击NGUI->Tween->Position进行添加,并将From和To中的X值进行修改。作用:图标开始位置运动到哪个位置。注意:To中的X值需要在Panel面板的渲染范围外