动画效果-04 CAKeyframeAnimation实现图标抖动的效果

1.达到的效果及下载地址

图片抖动的效果,实际运行抖动比这个更加剧烈,出现这样的显示效果是因为录制gif的软件导致的

下载地址:图标抖动下载地址

动画效果-04 CAKeyframeAnimation实现图标抖动的效果_第1张图片
图标抖动


动画效果-04 CAKeyframeAnimation实现图标抖动的效果_第2张图片
沿着椭圆移动的效果

2.什么是CAKeyframeAnimation?

CAKeyframeAnimation中文翻译为关键帧动画,它是CAPropertyAnimation的子类,跟CABasicAnimation的区别是:CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue),而CAKeyframeAnimation会使用一个数组保存这些值

3.常用属性介绍

values:保存动画需要的数值。里面的元素称为关键帧。动画对象会在指定的时间内,依次显示values数组中的每一个关键帧

path:可以设置一个CGPathRef/CGMutablePathRef,让图层跟着路径一起移动。path只对CALayer的anchorPoint和position起作用。如果你设置了path,那么values将被忽略。

keyTimes:可以为对应的关键帧指定对应的时间点,其取值范围为0到1.0,keyTimes中的每一个时间值对应的values中的每一帧。当keyTimes没有设置的时候,每个关键帧的时间是平均分配的。

4.注意:

CABasicAnimation可以看做是最多只有2个关键帧的CAKeyframeAnimation

你可能感兴趣的:(动画效果-04 CAKeyframeAnimation实现图标抖动的效果)