iOS开发iOS之绘图动画iOS动画

iOS动画系列之三:Core Animation

2017-02-07  本文已影响1848人  非典型技术宅

通过前面两篇文章,大概基本上清楚了CALayer在动画中的作用。本宅胖在看到这篇文章的标题的时候,心里暗自捏了一下大腿。真是自己给自己挖坑不嫌大啊!

又不能剧透直接使用CABasic Animation,也不能用CAKeyFrame Animation和CAAnimation Group。愁死了~这么理论的东西。

-----------------------华丽分割线,iOS动画系列全集链接-------------------------------------------------
第一篇:iOS动画系列之一:通过实战学习CALayer和透视的原理。做一个带时分秒指针的时钟动画(上)
第二篇:iOS动画系列之二:通过实战学习CALayer和透视的原理。做一个带时分秒指针的时钟动画。包含了OC和Swift两种源代码(下)
第三篇:iOS动画系列之三:Core Animation。介绍了Core Animation的常用属性和方法。
第四篇:CABasic Animation。iOS动画系列之四:基础动画之平移篇
第五篇:CABasic Animation。iOS动画系列之五:基础动画之缩放篇&旋转篇
第六篇:iOS动画系列之六:利用CABasic Animation完成带动画特效的登录界面
第七篇:iOS动画系列之七:实现类似Twitter的启动动画
第八篇:iOS动画系列之八:使用CAShapeLayer绘画动态流量图
第九篇:iOS动画系列之九:实现点赞的动画及播放起伏指示器
第十篇:实战系列:绘制过山车场景

1. 介绍

2. 支持的平台

3. Core Animation 的继承结构图

下面盗用了一张网络上的图片用来解释继承结构。

继承结构图

黄色的区块是常用的属性、方法或者需要遵守的协议,灰色的是名称。

其中CAAnimationGroup、CABasicAnimation、CAKeyFramkeAnimation咱们会在下次更新中写一些小例子。

4. 常见属性和使用步骤

4.1 使用步骤

通常分成三部完成:
1,创建核心动画对象;
2,设置动画属性;
3,添加到要作用的layer上。
就想把大象放进冰箱需要三步一样。哈哈~

4.2 常用属性

就是咱们上面图片中的小黄图显示的。

4.3 animationWithKeyPath中,常用的keyPath

属性名称 类型 作用
transform.rotation.x CGFloat或float 绕X轴坐标旋转 角度
transform.rotation.y CGFloat或float 绕Y轴坐标旋转 角度
transform.rotation.z CGFloat或float 绕Z轴坐标旋转 角度
transform.rotation CGFloat或float 作用与transform.tation.z一样
---- ---- ----
transform.scale CGFloat 整个layer的比例
transform.scale.x CGFloat x轴坐标比例变化
transform.scale.y CGFloat y轴坐标比例变化
transform.scale.z CGFloat z轴坐标比例变化
---- ---- ----
transform.translation CGMutablePathRef 整个layer的xyz轴都进行移动
transform.translation.x CGMutablePathRef 横向移动
transform.translation.y CGMutablePathRef 纵向移动
transform.translation.z CGMutablePathRef 纵深移动
---- ---- ----
opacity CGFloat 透明度,闪烁等动画用 。范围是0~1
backgroundColor CGColor 背景颜色
cornerRadius CGFloat 圆角

4.4 动画填充模式

    keyArc.calculationMode = kCAAnimationPaced;

4.5 速度控制函数

    keyArc.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];

是不是确实很枯燥?但是这条路本身就是大部分时间都很枯燥的啦~想逃也逃不掉。

这些属性和方法也的确记不住,所以这一篇其实也就是自己总结整理了一下。以后再用的时候,看看自己总结的就好了。省得每次用的时候还要再去看一下文档或者搜索了。

上一篇 下一篇

猜你喜欢

热点阅读