真心觉得不错,和大家分享一下,不是我写的,我只是转发一下而已
这个原理其实不难,就是如果把图标的排列由方形变圆形,再由圆形变方形的过程,加上个旋转和移动的特效.
下面是我用flex实现的咕噜滚原理展示
http://218.204.254.111:9980/DmHome/Grollum.html
算法简析
1.确定一个圆形,算出圆的中心点坐标,和半径.
2.找出一个基准点,算出这点的坐标和角度.
3.根据这个基准点算出圆环上每一点的坐标和角度.
4.把图标旋转并移动到圆环上.
这个类似经典的球的圆周运动.
可参考:
http://www.cnblogs.com/yjmyzz/archive/2010/04/20/1716504.html
具体在Android运用的话,只要根据以原理,把屏幕上的图标变成圆,再用一下斜率就可以实现GO的滑屏滚动效果.
需要具体算法的话,下次可能整理一下贴出来.
这个原理其实不难,就是如果把图标的排列由方形变圆形,再由圆形变方形的过程,加上个旋转和移动的特效.
下面是我用flex实现的咕噜滚原理展示
http://218.204.254.111:9980/DmHome/Grollum.html
算法简析
1.确定一个圆形,算出圆的中心点坐标,和半径.
2.找出一个基准点,算出这点的坐标和角度.
3.根据这个基准点算出圆环上每一点的坐标和角度.
4.把图标旋转并移动到圆环上.
这个类似经典的球的圆周运动.
可参考:
http://www.cnblogs.com/yjmyzz/archive/2010/04/20/1716504.html
具体在Android运用的话,只要根据以原理,把屏幕上的图标变成圆,再用一下斜率就可以实现GO的滑屏滚动效果.
需要具体算法的话,下次可能整理一下贴出来.
Flex实现图标滚动效果
本文介绍了一种使用Flex实现图标从方形排列变为圆形排列,并带有旋转和移动特效的方法。通过计算圆心坐标、半径及各图标位置和角度,实现了类似球体圆周运动的效果。
1576

被折叠的 条评论
为什么被折叠?



