最近有些无聊,无意之中又发现了一个好玩的东西,就是添加到购物车的动画~ 额,好高大上啊,相比我之前用的动画,感觉就是山寨与正品的差距啊 T T
这是我之前习惯用的 T T
原谅我之前年少无知 - -
[UIView animateWithDuration:耗时 animations:^{
// 动画
} completion:^(BOOL finished) {
// 动画完成后要做的事
}];
1.CABasicAnimation
简单介绍下基本概念
CALayer
CALayer是个与UIView很类似的概念,同样有backgroundColor、frame等相似的属性,我们可以将UIView看做一种特殊的CALayer。但实际上UIView是对CALayer封装,在CALayer的基础上再添加交互功能。UIView的显示必须依赖于CALayer。我们同样可以跟新建view一样新建一个layer,然后添加到某个已有的layer上,同样可以对layer调整大小、位置、透明度等。一般来说,layer可以有两种用途:一是对view相关属性的设置,包括圆角、阴影、边框等参数;二是实现对view的动画操控。 因此对一个view进行动画,本质上是对该view的.layer进行动画操纵。
CAAnimation
CAAnimation可以分为以下几类:
CABasicAnimation基础动画,通过设定起始点,终点,时间,动画会沿着你这设定点进行移动。可以看做特殊的CAKeyFrameAnimation
CAKeyframeAnimation关键帧动画,可定制度比CABasicAnimation高,也是本系列的接下来的内容
使用方法animationWithKeyPath:对 CABasicAnimation进行实例化,并指定Layer的属性作为关键路径进行注册。
CAAnimationGroup
CAAnimationGroup组动画,支持多个CABasicAnimation或者CAKeyframeAnimation动画同时执行
实例化
属性 | 说明 |
---|---|
Autoreverses | 动画结束时是否执行逆动画,通俗的说就是回放- - |
Duration | 动画执行的时间 |
RemovedOnCompletion | 动画执行完毕后,图层会保持显示动画执行后的状态,图层动画属性被移除,图层的属性值还是动画执行前的初始值,并没有真正被改变。 |
FillMode | 这个属性一般和 RemovedOnCompletion 配合使用,保持动画状态。其中kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态.此时将RemovedOnCompletion设为NO |
Speed | 动画执行速度 |
RepeatCount | 动画重复次数 |
RepeatDuration | 动画重复执行的时间段 |
FromValue | 动画执行的初始值 |
ToValue | 动画执行的效果值 |
ByValue | 所改变属性相同起始值的改变量 |
TimingFunction | 控制动画的显示节奏系统提供五种值选择,分别是: 1.kCAMediaTimingFunctionLinear 线性动画 2.kCAMediaTimingFunctionEaseIn 先慢后快 3.kCAMediaTimingFunctionEaseOut 先快后慢 4.kCAMediaTimingFunctionEaseInEaseOut 先慢后快再慢 5.kCAMediaTimingFunctionDefault 默认,也属于中间比较快 |
BeginTime | 可以用来设置动画延迟执行时间,若想延迟1s,就设置为CACurrentMediaTime()+1,CACurrentMediaTime()为图层的当前时间 |
解释:为什么动画结束后返回原状态?首先我们需要搞明白一点的是,layer动画运行的过程是怎样的?其实在我们给一个视图添加laye