iOS物体与直线动画
张伟 · 5954浏览量 · 发布于2014-09-17
源码Demo_LineAnimation,最近在做产品里面一个界面的交互,需要对一个物体进行移动,同时有一条直线跟随物体运动增长,就像物体是拉着一根线出现,消失的时候就是线拉着物体回去的感觉,大概情况如下面的动画:
说说实现的大概思路,具体的代码请看Git的Demo咯,大家有需要的话后期可以抽象成一个类库来。现在只要简单的上下左右移动,可以根据需求修改运动坐标变成任意方向移动,稍后会更新上去。
动画主要由三块组成:
使用CAKeyframeAnimation进行物体的路径移动;
使用UIBezierPath构建路径线及使用CABasicAnimation的stroke完成线的动画;
使用CABasicAnimation的opacity进行物体运动过程的透明度变化,让动画更加自然;
最后就是使用CAAnimationGroup将动画组合起来,效果就是上面所看到的,具体代码参见GitHub的Demo,欢迎大家Fork项目还有Follow我,有什么问题欢迎一起交流。
源码使用过程中,如无法搭建或有增加其他功能需求,可联系QQ:236-0248-666 ,付费搭建安装修改服务!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
相关推荐
LSTTimer 性能和精度兼得的iOS计时器组件
相关信息
code4app · 503浏览 · 2021-02-05 09:46:55
仿微信朋友圈查看图片功能案例源码
相关信息
kenrry1992 · 540浏览 · 2020-11-02 11:02:12
flutter_google_products_app动画案例实现
相关信息
飘飘悠悠 · 585浏览 · 2020-03-30 10:32:58
iOS引导遮罩蒙版弹窗+UI&事件&动画案例源码
相关信息
飘飘悠悠 · 909浏览 · 2020-03-05 09:57:35
仿IOS支付宝滑尺计算器特效
相关信息
匿名 · 777浏览 · 2020-01-03 17:55:25
模仿唱吧app背景渐变动画 iOS源码
相关信息
itnanba · 713浏览 · 2019-12-09 10:08:45
人脸特征点识别, 打点 iOS源码
相关信息
itnanba · 890浏览 · 2019-10-31 11:31:19
一款好用的大波浪视图动画 iOS源码
相关信息
飘飘悠悠 · 648浏览 · 2019-10-23 11:46:24
分类专栏
最新发布
源码排行榜
0评论