iOS核心动画知识讲解与演示

简单介绍

Core Animation,中文翻译为核心动画,它是一组非常强大的动画处理API,可以做出非常炫丽的动画效果,而且动画过程都是在后台操作的,不会阻塞主线程,直接作用在CALayer上的,很轻量级,性能很好,做动画事半功倍。以下是它的继承结构:

注意:图中的紫色虚线代表“继承”某个类,红色虚线代表“遵守”某个协议

iOS核心动画知识讲解与演示_第1张图片

代码实现以及效果展示

1.基动画CABasicAnimation

iOS核心动画知识讲解与演示_第2张图片

运行效果如下:

iOS核心动画知识讲解与演示_第3张图片

这不够过瘾?做下心跳效果看看

简单的几句代码

iOS核心动画知识讲解与演示_第4张图片

效果图:

iOS核心动画知识讲解与演示_第5张图片

2.关键帧动画CAKeyframeAnimation

图标抖动代码,简单几行

iOS核心动画知识讲解与演示_第6张图片

效果图:

iOS核心动画知识讲解与演示_第7张图片

结合CAKeyframeAnimation和UIBezierPath做路径动画

做扑鱼达人鱼儿的游动路径动画,先上代码:

iOS核心动画知识讲解与演示_第8张图片
iOS核心动画知识讲解与演示_第9张图片

效果图:


iOS核心动画知识讲解与演示_第10张图片

3.转场动画CATransition

iOS核心动画知识讲解与演示_第11张图片

效果图:

iOS核心动画知识讲解与演示_第12张图片

关于转场的类型,下边列出来:

iOS核心动画知识讲解与演示_第13张图片

4.动画组CAAnimationGroup

iOS核心动画知识讲解与演示_第14张图片

效果图:

iOS核心动画知识讲解与演示_第15张图片

核心动画与UIView动画区别

1.核心动画只作用在layer

2.核心动画并没有修改View的真实值,你看到的一切都是假像

什么时候使用核心动画与UIView动画

1.当需要与用户进行交互时,必须使用UiView动画

2.在做路径动画、转场动画时,使用核心动画

你可能感兴趣的:(iOS核心动画知识讲解与演示)