iOS 里的动画效果是怎么制作的

基于原则：

一、准确展示：视频Demo

二、 *** 作体验：交互原型

基局橡于这两点，第一个选择是Flash。

由于Apple的原因，Flash如今的境况可算是江河日下。但作为一轮腊胡个动效原型工具，它却有一些独特的优势。

优势1：可以直接导入AE生成的序列帧素材。

优势2：可以导出.apk或.ipa的安装包，共享给任何有手机的人。

三、协助开发：参数文档

根据实现原理，把对应的参数精确的写出腊拦来，这就是参数文档。对于动效来说，基本参数无非这三类：

1、动画的起始时间、持续时间（duration\ offset）

2、变化的属性（rotation\ position\ scale\ alpha）

3、运动速率（interpolator）

总结：

简单的说，要想准确传达设计可以分三步。

第一步：要快速可视化。

第二步：最大限度的还原使用场景。

第三步：把设计参数化，尽可能减少让工程师凭感觉开发的情况。

在ios教程中有很多种办法能够为imageView添加图片实现动画，专门整理了本篇为imageView添加图片实现动画的总结，希望能帮助到大家。

//为图片设置动态self.imageView.animationImages = animateArray //为动画设置持续时间self.imageView.animationDuration = 3.0

//创建imageViewself.imageView = [[UIImageViewalloc]initWithFrame:CGRectMake(0, 40, 320, 260)]

//把图片添加到动态数组NSMutableArray * animateArray = [[NSMutableArrayalloc]initWithCapacity:20] [animateArray addObject:[UIImage imageNamed:@"t1.png"]] [animateArray addObject:[UIImage imageNamed:@"t2.png"]] [animateArray addObject:[UIImage imageNamed:@"t3.png"]] [animateArray addObject:[UIImage imageNamed:@"t4.png"]] [animateArray addObject:[UIImage imageNamed:@"t5.png"]] [animateArray addObject:[UIImage imageNamed:@"t6.png"]] [animateArray addObject:[UIImage imageNamed:@"t7.png"]] [animateArray addObject:[UIImage imageNamed:@"t8.png"]] [animateArray addObject:[UIImage imageNamed:@"t9.png"]] [animateArray addObject:[UIImage imageNamed:@"t10.png"]] [animateArray addObject:[UIImage imageNamed:@"t11.png"]] [animateArray addObject:[UIImage imageNamed:@"t12.png"]] [animateArray addObject:[UIImage imageNamed:@"粗正枯t13.png"]] [animateArray addObject:[UIImage imageNamed:@"t14.png"]] [animateArray addObject:[UIImage imageNamed:@"t15.png"]] [animateArray addObject:[UIImage imageNamed:@"t16.png"]] [animateArray addObject:[UIImage imageNamed:@"t17.png"]] [animateArray addObject:[UIImage imageNamed:@"t18.png"]] [animateArray addObject:[UIImage imageNamed:@"t19.png"]] [animateArray addObject:[UIImage imageNamed:@"t20.png"]]

//开始播放动画 [self.imageView startAnimating]

/清猛/为默岩洞认的无限循环self.imageView.animationRepeatCount = 0 [self.view addSubview:self.imageView]

使用CABAsicAnimation来实现动画的放缩和旋转是比较常用的，这篇主要介绍CABasicAnimation实现简单的动画效果

最终的效果图为：

Demo地址

对应的实现文件是SecondViewController

首先，我们先定义一个UIView以及三个button按钮，分别对应平移、放大和旋转

在.h文件中定义相应的属性

之后，在.m文件中实现相应的懒加载

将UIView以及button添加到界面上

之后，我们先来实现平移动画，实现下面的方法

这里面遇到挺多坑的，下面逐条说明一下

接下俩，我们类似添加相应的放大和旋转的动画效果

这样，我们就完成了CABasicAnimation实现平移、放大和旋转的动画效果

这种动画效果使用挺多的

另外，我们阅读苹果开发文档时，我们可以看到协议CAAnimationDelegate，通过这行散个协议我们可以观察动画的开始和结束。

在平移动画中，让CABasicAnimation遵守这个协议

实现相应的协议方法

比较重要的是，我们通过协议方法可以判断动画是否正常完成还是被打断，这个我以前就碰到过动画过程被UITableView 的reloadData打断，导致动画表现异常，具体可以看下这篇文章

CAnimationGroup动画执行时间比duration小

)

最终效果图为：

Demo地址

我写的同一系列的其他文章

iOS开发中动画效果的探究敬带液(一)

iOS动画效果的探究二：UIView Animation实亮物现动画

iOS动画效果三：CABAsicAnimation实现平移、旋转和放大

ios动画效果四：使用Pop框架实现d簧效果

iOS动画效果五：CABasicAnimation实现绕定点旋转的效果 ]

iOS动画效果六：实现自定义的push转场动画

iOS动画效果七：实现自定义present转场动画效果

iOS动画效果八:实现类似系统的测滑返回效果

---