登录 立即注册
金钱:

Code4App-iOS开发-iOS 开源代码库-iOS代码实例搜索-iOS特效示例-iOS代码例子下载-Code4App.com

iOS造轮子——跳跃加载动画效果

[复制链接]
来自: 李世铿 分类: iOS精品源码 上传时间: 2016-4-21 15:39:07
Tag:动画 animation 加载动画 loading

项目介绍:

文/Realank(简书作者)

这个跳跃加载动画效果,使用CAKeyframeAnimation和贝塞尔曲线来完成,相当复杂。
原理
  • 本动画分为两大部分,前进和倒退。
  • 前进和倒退,又分为四个子部分。
  • 实心小球从index 0一直运动到index 4,每完成一个子部分,就调用animationDidStop方法,来触发下一个子部分。
  • 每一个子部分,实心小球的动作,是两端直线外加一段半圆弧。而空心小球的动画,只有一个半圆弧。
  • 空心小球需要等待实心小球运动到和它在同一水平线的时候,才开始运动,并且在实心小球走完弧线的时候,空心小球也走完弧线。
demo 地址:





相关源码推荐:

我来说两句
*滑动验证:
所有评论(78)
lijian0119 2016-4-21 17:07:08
楼主威武啊,Code4App有你更给力!
回复
zhj001x 2016-4-21 17:09:33
楼主威武啊,Code4App有你更给力!
回复
春风动人 2016-4-22 10:19:38
强烈支持楼主ing……
回复
花一木心 2016-4-22 15:19:49
我只是路过打酱油的。
回复
lihong8676 2016-4-22 16:56:02
楼主威武啊,Code4App有你更给力!
回复
flysrp 2016-4-22 19:32:43
很给力,Code4App有你更精彩!
回复
flysrp 2016-4-22 19:32:58
淡定,淡定,淡定……
回复
q59295jp 2016-4-23 11:42:03
淡定,淡定,淡定……
回复
Crusoe 2016-4-24 16:42:18
淡定,淡定,淡定……
回复
提取码:  下载次数:91 状态:已购或VIP 售价:0(原价:5)金钱 下载权限:初级码农 
2192 0 91
联系我们
首页/微信公众账号投稿

帖子代码编辑/版权问题

QQ:435399051,742864542

如何获得代码达人称号?

代码贡献英雄榜
用户名 下载数
通过邮件订阅最新 Code4App 信息
上一条 /4 下一条
联系我们
关闭
合作电话:
13802416937
Email:
435399051@qq.com
商务市场合作/投稿
问题反馈及帮助
联系我们

广告投放| Github|申请友链|手机版|Code4App ( 粤ICP备15117877号-1 )

快速回复 返回顶部 返回列表