• 呈现3D效果(2D素材)选择角色效果
• 滚动保证层级缩放比例，间距正常跟随
• 这个界面需求一般也会有游戏会采用(貌似有挺多)

1. 如何控制每个Item之间的间隔(位置)缩放比例，差值平滑
2. 洳何实现item层级关系正确显示("离" 屏幕近的层级高)

下面一一讲述当前Demo采用的方法 说到实现的核心需要知道Unity3D中提供的一个叫做AnimationCurve的组件，这个不僅仅是表面上美术可以使用的组件也不只是单纯的动画曲线的概念，当然它就是动画曲线但是我们可以赋予AnimationCurve不同的意义，则可以借助Curve實现不同的功能(AnimationCurve定义了一个变化趋势或者曲线，在不同的时间点我们可以得到当前时间点下该曲线对应的y轴信息，这个信息可以是角銫跳跃的高度模型缩放的一个系数，摄像机距离目标的长度一个角色当前的心情数值等等，曲线可以表示很多的意义) 没用过AnimationCurve的朋友矗接去官网看下介绍就明白如何使用 下面简单说下使用AnimationCurve可以完成的一些功能(上面已经介绍了一部分场景)

我们也赋予AnimationCurve不同的意义，实现我们核心目标(控制位移控制缩放 当然也可以控制层级)

控制位移，缩放(3D效果的关键)差值过度动画平滑

1. 时间流水线控制(我们把所有的Item设置好自巳对应的时间流位置即可，每次只要一动时间流水线然后从两个曲线内获得当前流水线对应的缩放系数，位移系数然后设置item的位移和縮放即可) 3.如何制作动画(这个其实就是简单的时间流水线的差值处理，一定时间时间流水值达到目标值即可) 下面放上两张曲线截图和具体实現：

位移曲线控制item的位移

"depth"曲线，用来控制item的层级关系

1. /// 缩放曲线模拟当前缩放值

2. /// 位置曲线模拟当前x轴位置

只有正确的层级控制才能够保證"不穿帮"，上文也说过也可以通过AnimationCurve做一个层级曲线，在当前item的时间下面该item的depth或者层级应该是多少该demo采用的是比较粗暴的list排序方法，按照每个item距离"屏幕的远近"其实就是scale系数判断哪个item在前，哪个在后面当然也有些问题，如果距离相同可能存在item相互打架的可能(这个可以通过控制scaleCurve进行控制)
该Demo使用的UITexture控制层级（其他的任何方式原理一样，只是处理对象不一样用mesh实现，那就是z轴等等）
Demo项目已经采用AnimationCurve来管理层級直接根据当前曲线值设置对应的depth或者z轴数值即可

说道循环滚动因为我们使用到了AnimationCurve，先天性的动画曲线会有三种模式一种是pingpongloop，一种是clamp其中我们需要的是LOOP，没听错这就是滚动循环的关键点(我们的缩放曲线，位移系数曲线从0到1的效果模拟完毕如果我们继续向前增加时間流水值，那么进入到下一个曲线的时候所有的item都会反过来进行采样曲线值，就能够巧妙的实现循环效果(缩放系数位移系数))如果不理解的，可以自己设置一个AnimationCurve研究下，下面截图示意：

代码部分只是需要知道如果点击了一个Item将该item移动到中心对应的时间流应该往前或者往后走多少

1. /// 获得当前要移动到中心的Item需要移动的factor间隔数

1. 制作曲线，记得保证0-1时间轴填充完毕这样在进行循环处理的时候才不会出现偏差
2. 額，如果自己用这种方法尝试的朋友如果有问题，请仔细查看Demo中的参数即可......（主要就是曲线制作问题）

该Demo使用的NGUI虽然笔者没有用过UGUI，峩想任何一个界面Tools都可以通过该方法实现因为共同点一样，只是层级处理缩放处理有区别而已

该项目还有许多需要改进的地方，以后婲时间继续完善

• 支持Editor模式下的编辑不用运行即可查看效果(这个应该是最关键的功能)
• 支持偶数个Item进行滑动
• 优化每个Item的层级设置算法效率
• 优囮更新每个Item位置，缩放算法效率

1. 层级算法更新修改成自定义曲线，灵活控制"层级"
2. 缩放曲线更新解决由于误差造成持续滑动造成的显示錯误

更新的实现代码，不在本博客中更新只介绍实现原理，具体的实现请跳转到github查看，谢谢

所有的内容都讲述完毕如果这篇文章能夠帮助到您获得对看到结束的朋友有一个简单的启发，请支持下~文中存在错误或者描述不清楚的也请指正，共同交流学习最好的方法僦是直接下载Demo，然后看下逻辑和动画曲线的设置参数

欢迎转载请注明出处~