用贝塞尔曲线与基础动画做一个iOS欢迎页效果

作者: 饭饭男 | 来源:发表于2016-11-17 15:21 被阅读310次

iOS-UIBezierPath动画之果冻动画
用贝塞尔曲线与基础动画做一个iOS欢迎页效果
Bezier曲线
ios知识点(7)贝塞尔曲线
iOS - 贝塞尔曲线与CAShapeLayer，优酷播放按钮，
iOS动画小结用法
学习计划(10) - 动画 - 关键帧动画
Android自定义View实现仿美团底部导航动画
android 水波纹+小船漂浮实现
iOS使用对象上下文创建简易画板

这个动画也是我在无意中看到一个大神写的mode效果很惊艳，所以自己拆分出来单独实现以下。大神的那个链接我找不到了，所以给大家说声抱歉，如果大神看见了可以提醒我一下我补个链接。

给大家简单分析一下这个动画的实现机制：动画分为四部分：

第一画出矩形方框

第二步画出水纹的上涨效果

第三步设置当前view的背景色填充动画

第四步创建welcom的label 设置label的scale动画。

动画实现用的到知识点就是 UIBezierPath CABasicAnimation ［UIView animation］结合实现。

使用 UIBezierPath画出对应效果图的路径用CABasicAnimation给路径设置动画对backgroundColor和label的现实设置，因为比较简单，就使用了基于OC对象的UIView animation］来实现动画效果

整体的代码量不大，实现过程也比较简单，大家可以直接看demo，我也是一个菜鸟，懂的不多，大家一起项目学习。

demo:GitHub - huxiao123/BasicAnimatinDemo

iOS-UIBezierPath动画之果冻动画
我们今天做一个简单的贝塞尔曲线动画，做这个动画之前，我们要对UIBezierPath有简单的了解。贝塞尔曲线基础知...
用贝塞尔曲线与基础动画做一个iOS欢迎页效果
这个动画也是我在无意中看到一个大神写的mode效果很惊艳，所以自己拆分出来单独实现以下。大神的那个链接我找不到了，...
Bezier曲线
参考自iOS开发贝塞尔曲线UIBezierPath和iOS-UI进阶13 - 贝塞尔曲线和帧动画结合使用UIB...
ios知识点(7)贝塞尔曲线
贝塞尔曲线扫盲iOS UIBezierPath贝塞尔曲线常用方法iOS UIBezierPath(贝塞尔曲线)iO...
iOS - 贝塞尔曲线与CAShapeLayer，优酷播放按钮，
iOS - 贝塞尔曲线与CAShapeLayer，优酷播放按钮，引导页跳过按钮在简书上看到一篇学习贝塞尔曲线的文...
iOS动画小结用法
CABasicAnimation：基础动画 CAKeyframeAnimation:关键帧动画贝塞尔曲线和基础动...
学习计划(10) - 动画 - 关键帧动画
贝塞尔曲线的基础我们了解了，接下来，我们开始自己做一些动画效果。那么配合贝塞尔曲线的一般使用关键帧动画。为啥呢？因...
Android自定义View实现仿美团底部导航动画
目录效果展示实现原理这个效果主要是运用了贝塞尔曲线、自定义ViewGroup以及动画的知识。1.贝塞尔曲线（...
android 水波纹+小船漂浮实现
如图实现思路贝塞尔曲线+属性动画 1：先画曲线曲线类似正弦函数曲线，所以也就是画贝塞尔曲线。如何做到流动的效果...
iOS使用对象上下文创建简易画板
之前有写过一篇iOS使用贝塞尔曲线创建简易画板，可以跟这篇做一个对比。依然是先看效果：原理跟iOS使用贝塞尔曲...