// 开始动画
UIView.beginAnimations("Identifier", context: nil)
//  设置动画代理
UIView.setAnimationDelegate(self)
// 通过 #selector 选择器 添加开始动画方法
UIView.setAnimationWillStart(#selector(animationAction))
// 通过 #selector 选择器 添加结束动画方法
UIView.setAnimationDidStop(#selector(animationAction))
// 设置动画时间间隔
UIView.setAnimationDuration(1.0)
// 设置动画延迟
UIView.setAnimationDelay(0)
// 设置动画开始的时间，默认是现在开始
UIView.setAnimationStart(Date())
// 设置动画曲线
UIView.setAnimationCurve(.easeInOut)
// 设置动画重复次数，默认是 0
UIView.setAnimationRepeatCount(0) // 0 无线循环
// 自动返回原始状态
UIView.setAnimationRepeatAutoreverses(false) // default = NO. used if repeat count is non-zero
// 设置动画的开始是从现在的状态开始, 默认是 false
UIView.setAnimationBeginsFromCurrentState(false)
// 用来开启或禁止动画显示
UIView.setAnimationsEnabled(true)
// 设置动画的过渡效果
UIView.setAnimationTransition(.curlUp, for: redView, cache: false)

// 设置 UIView 的动画属性
redView.transform = CGAffineTransform(rotationAngle: 90)
redView.transform = CGAffineTransform(scaleX: 0.3, y: 0.3)
redView.transform = CGAffineTransform(translationX: 0, y: 200)

// 动画的状态
print(UIView.areAnimationsEnabled)
// 标志动画代码结束，程序会创建新的线程，并准备运行动画
UIView.commitAnimations()

UIView.beginAnimations("Identifier", context: nil)
UIView.setAnimationDuration(1)
objectView.center.x = objectView.center.x + 100
UIView.commitAnimations()

UIView.animate(withDuration: TimeInterval,
                 animations: ()->Void)

UIView.animate(withDuration: TimeInterval,
                 animations: ()->Void,
                 completion: ()->Void)

// 带动画曲线动画
UIView.animate(withDuration: TimeInterval,
                      delay: TimeInterval,
                    options: UIViewAnimationOptions,
                 animations: ()->Void,
                 completion: (()->Void)?)

// 带弹性动画
UIView.animate(withDuration: TimeInterval,
                      delay: TimeInterval,
     usingSpringWithDamping: 0,
      initialSpringVelocity: 0,
                    options: UIViewAnimationOptions,
                 animations: ()->Void,
                 completion: (()->Void)?)

UIView.animate(withDuration: 1.0) {
    self.objectView.center.x = self.objectView.center.x - 100
}

//.curveEaseIn, .autoreverse, .repeat
 UIView.animate(withDuration: 1.0, delay: 0, options: [.curveEaseIn, .autoreverse, .repeat], animations: {
     self.objectView.center.x = self.objectView.center.x - 100
 }, completion: nil)
 
 //delay
 UIView.animate(withDuration: 1.0, delay: 0.5, options: .curveEaseIn, animations: {
     self.objectView2.center.x = self.objectView2.center.x - 100
 }, completion: nil)

Duration  ：动画执行的时长
delay     ：延时时长，即上一个动画执行完以后多久再执行下一个动画
options   ：一些样式的选取
animations：我们想要实现的动画效果
completion：动画执行完我们还想做的事情

UIViewAnimationOptionLayoutSubviews // 动画过程中保证子视图跟随运动 
UIViewAnimationOptionAllowUserInteraction   // 动画过程中允许用户交互  
UIViewAnimationOptionBeginFromCurrentState    // 所有视图从当前状态开始运行
UIViewAnimationOptionRepeat  // 重复运行动画                
UIViewAnimationOptionAutoreverse  // 动画运行到结束点后仍然以动画方式回到初始点       
UIViewAnimationOptionOverrideInheritedDuration // 忽略嵌套动画时间设置
UIViewAnimationOptionOverrideInheritedCurve   // 忽略嵌套动画速度设置 
UIViewAnimationOptionAllowAnimatedContent  // 动画过程中重绘视图（注意仅仅适用于转场动画）    
UIViewAnimationOptionShowHideTransitionViews // 视图切换时直接隐藏旧视图、显示新视图，而不是将旧视图从父视图移除（仅仅适用于转场动画）  
UIViewAnimationOptionOverrideInheritedOptions //不继承父动画设置或动画类型

UIViewAnimationOptionCurveEaseInOut   // 动画先缓慢，然后逐渐加速
UIViewAnimationOptionCurveEaseIn    // 动画逐渐变慢        
UIViewAnimationOptionCurveEaseOut   // 动画逐渐加速       
UIViewAnimationOptionCurveLinear    // 动画匀速执行，默认值

UIViewAnimationOptionTransitionNone  // 没有转场动画效果        
UIViewAnimationOptionTransitionFlipFromLeft  // 从左侧翻转效果 
UIViewAnimationOptionTransitionFlipFromRight  // 从右侧翻转效果
UIViewAnimationOptionTransitionCurlUp // 向后翻页的动画过渡效果        
UIViewAnimationOptionTransitionCurlDown  // 向前翻页的动画过渡效果      
UIViewAnimationOptionTransitionCrossDissolve  // 旧视图溶解消失显示下一个新视图的效果 
UIViewAnimationOptionTransitionFlipFromTop  // 从上方翻转效果   
UIViewAnimationOptionTransitionFlipFromBottom // 从底部翻转效果

frame //大小变化：改变视图框架（frame）和边界。
bounds //拉伸变化：改变视图内容的延展区域。
center //居中显示
transform //仿射变换（transform）
alpha //改变透明度：改变视图的alpha值。
backgroundColor //改变背景颜色
contentStretch //拉伸内容

- Translation -- 平移

- Color -- 颜色

- Rotation -- 旋转

### 弹簧动画函数

### 关键帧动画
为当前视图建立可以容纳一个或多个关键帧动画对象的动画块，然后根据指定的时间一帧帧的执行指定动画，需要与addKeyframeWithRelativeStartTime: relativeDuration: animations: 结合使用，注意：如果在block中没用添加关键帧动画对象，动画还是会执行，只不过跟调用animateWithDuration(duration: delay: options: animations: completion: 效果一样！简单点来说，调用该API就是创建了一个动画容器，然后可以向这个容器中添加多个动画！

UIViewKeyframeAnimationOptions：

animateKeyframesWithDuration:delay:options:animations:completion:结合使用，用来指定帧动画开始时间，持续时间和执行操作，调用一次就可以添加一个帧动画！

### Transitions 过渡
过度动画强调的是view改变内容。一般有两个方法

过渡动画的类型是一个options （UIViewAnimationOptions）

### ImageView动画
在 UIImageView 上执行动画非常简单，只需要提供animationImages 属性。一个UIImage 数组。这个数组代码一个一个的帧，当我们调用 startAnimating 方法的时候，这个数组的图片就会轮流播放。animationDuration 决定了播放的速度。animationRepeatCount指定重复次数 （默认是0 ， 代表无限重复），或者调用stopAnimating 方法停止动画。

UIImage 有一些类方法为 UIImageView 构造 可以动画的image :

直接指定了image数组和duration。

提供一个单个的image name ， 系统会自动在后面加 "0" (如果失败则"1") 。使这个image成为第一个image。最后一位数字累加。（知道没有图片或者到达”1024“）

跟上面的方式差不多，但是同时对每个image做了拉伸或者平铺。 图像本身也有resizableImage(withCapInsets: , resizingMode: )方法可以缩放（指定某个区域的拉伸或者平铺）

其中voice1-3 已经命名好，放在Assets.xcassets

##CoreAnimation核心动画
Core Animation可以用在 Mac OS X 和 iOS平台. Core Animation的动画执行过程是在后台操作的.不会阻塞主线程. 要注意的是, Core Animation是直接作用在CALayer上的.并非UIView

- CABasicAnimation 基础动画
- CAKeyframeAnimation 关键帧动画
- CATransition 转场动画
- CAAnimationGroup 组动画
- CASpringAnimation 弹性动画 （iOS9.0之后新增CASpringAnimation类，它实现弹簧效果的动画，是CABasicAnimation的子类。）

动画操作过程：
- 创建一个CAAnimation对象
- 设置一些动画的相关属性
- 给CALayer添加动画（addAnimation:forKey: 方法）
- 移除CALayer中得动画（removeAnimationForKey: 方法）

### CAAnimation （一部分属性来自 CAMediaTiming）

![enter image description here](http://cc.cocimg.com/api/uploads/20170622/1498114752750475.png)

1. duration：动画的持续时间，默认为0.25秒
2. speed ：速度 speed = 1.0 / duration = 1.0 的动画效果 和 speed = 2.0 / duration = 2.0 的动画效果是一模一样的，我们设置的duration可能和动画进行的真实duration不一样，这个还依赖于speed。

3. timeOffset 设置动画线的起始结束时间点

4. autoreverses：是否自动回到动画开始状态

5. repeatCount：动画的重复次数

6. repeatDuration：动画的重复时间

7. removedOnCompletion：默认为YES，代表动画执行完毕后就从图层上移除，图形会恢复到动画执行前的状态。如果想让图层保持显示动画执行后的状态，那就设置为NO，不过还要设置fillMode属性为kCAFillModeForwards

8. fillMode：决定当前对象在非active时间段的行为.比如动画开始之前,动画结束之后

9. beginTime：可以用来设置动画延迟执行时间，若想延迟2s，就设置为CACurrentMediaTime()+2，CACurrentMediaTime()为图层的当前时间。 CALayer 的beginTime 一般用于动画暂停的使用,CAAnimation 的beginTime一般用于动画延迟执行，但只在使用groupAnimation的时候生效，直接添加在layer上的animation使用会导致动画不执行。

10. timingFunction：速度控制函数，控制动画运行的节奏

枚举参数：

11. delegate：动画代理，一般设置隐式代理，该代理是NSObject的分类，需要遵守协议CAAnimationDelegate

### CAPropertyAnimation
属性：

**keyPath**：通过指定CALayer的一个属性名做为keyPath里的参数(NSString类型)，并且对CALayer的这个属性的值进行修改，达到相应的动画效果。比如，指定@”position”为keyPath，就修改CALayer的position属性的值，以达到平移的动画效果。

一些常用的**animationWithKeyPath**值的总结
| 值      |    说明	 | 使用形式  |
| :-------- | --------:| :--: |
| transform.scale	|比例转化|	@(0.8)|
| transform.scale.x	|宽的比例|	@(0.8)|
| transform.scale.y	|高的比例	|@(0.8)|
| transform.rotation.x	|围绕x轴旋转	|@(M_PI)|
| transform.rotation.y	|围绕y轴旋转	|@(M_PI)|
| transform.rotation.z	|围绕z轴旋转	|@(M_PI)|
| cornerRadius	|圆角的设置	|@(50)|
| backgroundColor	|背景颜色的变化|	(id)[UIColor purpleColor].CGColor|
| bounds	|大小，中心不变|	[NSValue valueWithCGRect:CGRectMake(0, 0, 200, 200)];|
| position	|位置(中心点的改变)|	[NSValue valueWithCGPoint:CGPointMake(300, 300)];|
| contents	|内容，比如UIImageView的图片|	imageAnima.toValue = (id)[UIImage | imageNamed:@"to"].CGImage;|
| opacity	|透明度|	@(0.7)|
| contentsRect.size.width	|横向拉伸缩放|	@(0.4)最好是0~1之间的|

#### CABasicAnimation基本动画
CABasicAnimation能实现诸多的动画,移动,旋转,缩放....KeyPath所涉及的都能实现

**1.fromValue** : keyPath相应属性的初始值
**2.toValue **: keyPath相应属性的结束值，到某个固定的值（类似transform的make含义）
注意：随着动画的进行,在长度为duration的持续时间内,keyPath相应属性的值从fromValue渐渐地变为toValue.
如果fillMode = kCAFillModeForwards和removedOnComletion = NO;那么在动画执行完毕后,图层会保持显示动画执行后的状态,但实质上,图层的属性值还是动画执行前的初始值,并没有真正被改变.比如: CALayer的postion初始值为(0,0),CABasicAnimation的fromValue为(10,10),toValue为 (100,100),虽然动画执行完毕后图层保持在(100,100) 这个位置,实质上图层的position还是为(0,0);
**3.byValue**：不断进行累加的数值（byvalue 值加上fromValue => tovalue）

Position

Scale

### CASpringAnimation弹性动画
iOS9才引入的动画类，它继承于CABaseAnimation，用于制作弹簧动画

参数说明:

mass:
质量，影响图层运动时的弹簧惯性，质量越大，弹簧拉伸和压缩的幅度越大

stiffness:
刚度系数(劲度系数/弹性系数)，刚度系数越大，形变产生的力就越大，运动越快

damping:
阻尼系数，阻止弹簧伸缩的系数，阻尼系数越大，停止越快

initialVelocity:
初始速率，动画视图的初始速度大小
速率为正数时，速度方向与运动方向一致，速率为负数时，速度方向与运动方向相反

settlingDuration:
结算时间 返回弹簧动画到停止时的估算时间，根据当前的动画参数估算
通常弹簧动画的时间使用结算时间比较准确

### CAKeyframeAnimation关键帧动画
- CAKeyframeAnimation跟CABasicAnimation的区别是:
CABasicAnimation只能从一个数值(fromValue)变到另一个数值(toValue)，而CAKeyframeAnimation会使用一个NSArray保存这些数值.
- CAKeyframeAnimation属性解析:
values:就是上述的NSArray对象。里面的元素称为”关键帧”(keyframe)。动画对象会在指定的时间(duration)内，依次显示values数组中的每一个关键帧 .
path:如果你设置了path，那么values将被忽略.
keyTimes:可以为对应的关键帧指定对应的时间点,其取值范围为0到1.0,keyTimes中的每一个时间值都对应values中的每一帧.当keyTimes没有设置的时候,各个关键帧的时间是平分的.
注: CABasicAnimation能实现的CAKeyframeAnimation也能实现,而且更具体和准确

**Shake Sample**

**轨迹动画**

**Scale动画**

## CAAnimationGroup组合动画
将多个动画组合和并发运行 
delegate 和 isRemovedOnCompletion 在动画的属性数组中目前被忽略。 
CAAnimationGroup 的 delegate 接收这些消息
- animations CAAnimation 数组，用于添加多个 CAAnimation 动画

### CATransition转场动画
>CAAnimation的子类 
在图层状态之间提供动画转换的对象 
提供了一个图层之间的过渡的动画

CATransition 有一个 type 和 subtype 来标识变换效果

**新增加的属性**
- startProgress 开始的进度 0~1
- endProgress 结束时的进度 0~1
- type 转换类型 
	- kCATransitionFade (default)
	- kCATransitionMoveIn
	- kCATransitionPush
	- kCATransitionReveal
- API引入的type，在苹果官网是不会承认的，所以不建议使用
    - 1 animation.type = @"cube"; //立方体效果
    - 2 animation.type = @"suckEffect";//犹如一块布被抽走
    - 3 animation.type = @"oglFlip"; //上下翻转效果
    - 4 animation.type = @"rippleEffect"; //滴水效果
    - 5 animation.type = @"pageCurl"; //向左翻页
    - 6 animation.type = @"pageUnCurl"; //向下翻页
- subtype 基于运动方向预定义的转换 
	- kCATransitionFromLeft
	- kCATransitionFromRight
	- kCATransitionFromTop
	- kCATransitionFromBottom
- filter 滤镜

** View Transaition**

** ViewController Transaition(翻页效果)**

## 其他动画

### 控制器转场动画 UIViewControllerAnimatedTransitioning

#### 一、 转场动画-modal
给vc的transitioningDelegate属性赋值，为即将跳转的vc指定转场动画代理，协议中有两个基础方法，分别要求代理返回present时的动画以及dismiss时的动画。

// 提供dismiss的时候使用到的动画执行对象
func animationController(forDismissed dismissed: UIViewController) -> UIViewControllerAnimatedTransitioning? {
    fadeAnimator.isPresenting = false
    return fadeAnimator
}

// 提供present的时候使用到的动画执行对象
func animationController(forPresented presented: UIViewController, presenting: UIViewController, source: UIViewController) -> UIViewControllerAnimatedTransitioning? {
    fadeAnimator.isPresenting = true
    return fadeAnimator
} } ``` 写一个类专门来实现UIViewControllerAnimatedTransitioning动画协议，作为动画的实现类。然后代理就可以返回两个动画实现对象，实现UIViewControllerTransitioningDelegate转场代理协议。

class FadeAnimator: NSObject, UIViewControllerAnimatedTransitioning {
    
    let duration = 1.0
    var isPresenting = true
    
    // 指定转场动画持续的时间
    func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return duration
    }
    
    // 实现转场动画的具体内容
    func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        
        // 得到容器视图
        let containerView = transitionContext.containerView
        // 目标视图
        let toView = transitionContext.view(forKey: UITransitionContextViewKey.to)!
        
        containerView.addSubview(toView)
        
        // 为目标视图的展现添加动画
        toView.alpha = 0.0
        UIView.animate(withDuration: duration,
                       animations: {
                        toView.alpha = 1.0
        }, completion: { _ in
            transitionContext.completeTransition(true)
        })
    }
}

let transitionDelegate = FadeTransitionDelegate()
 @IBAction func UIViewControllerAnimatedTransitioning_Demo(_ sender: Any) {
     let vc = UIStoryboard(name: "Main", bundle: nil)
         .instantiateViewController(withIdentifier: "second")
     
     vc.transitioningDelegate = transitionDelegate
     present(vc, animated: true, completion: nil)
 }

class PushTansitionDelegate: NSObject, UINavigationControllerDelegate {
    private lazy var fadeAnimator = FadeAnimator()
    // 是否需要交互
    var interactive = false
    
    //返回一个不可交互的转场动画
    func navigationController(_ navigationController: UINavigationController, animationControllerFor operation: UINavigationController.Operation, from fromVC: UIViewController, to toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return fadeAnimator
    }
}

let vc = UIStoryboard(name: "Main", bundle: nil)
    .instantiateViewController(withIdentifier: "second")

self.navigationController?.delegate = pushTransitionDelegate
self.navigationController?.pushViewController(vc, animated: true)

- (void)startInteractiveTransition:(id <UIViewControllerContextTransitioning>)transitionContext;

- (void)updateInteractiveTransition:(CGFloat)percentComplete;
- (void)cancelInteractiveTransition;
- (void)finishInteractiveTransition;

class FadeAnimator: UIPercentDrivenInteractiveTransition, UIViewControllerAnimatedTransitioning {
    
    let durationAnimation = 1.0
    
    //  present/dismiss, push/pop
    var isPresenting = true
    // 是否需要交互
    var interactive = false
    
    // 指定转场动画持续的时间
    func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?) -> TimeInterval {
        return durationAnimation
    }
    
    // 实现转场动画的具体内容
    func animateTransition(using transitionContext: UIViewControllerContextTransitioning) {
        
        // 得到容器视图
        let containerView = transitionContext.containerView
        // 目标视图
        let toView = transitionContext.view(forKey: UITransitionContextViewKey.to)!
        
        containerView.addSubview(toView)
        
        // 为目标视图的展现添加动画
        toView.alpha = 0.0
        UIView.animate(withDuration: durationAnimation,
                       animations: {
                        toView.alpha = 1.0
        }, completion: { _ in
            transitionContext.completeTransition(true)
        })
    }
    
    func handlePan(recognizer: UIPanGestureRecognizer) {
        let translation = recognizer.translation(in: recognizer.view!.superview!)
        var progress: CGFloat = abs(translation.x / 200.0)
        progress = min(max(progress, 0.01), 0.99)
        
        switch recognizer.state {
        case .changed:
            // 更新当前转场动画播放进度
            update(progress)
        case .cancelled:
            cancel()
        case .ended:
            finish()
        default:
            break
        }
    }

class PushTansitionDelegate: NSObject, UINavigationControllerDelegate {
    private lazy var fadeAnimator = FadeAnimator()
    // 是否需要交互
    var interactive = false
    
    //返回一个不可交互的转场动画
    func navigationController(_ navigationController: UINavigationController, animationControllerFor operation: UINavigationController.Operation, from fromVC: UIViewController, to toVC: UIViewController) -> UIViewControllerAnimatedTransitioning? {
        return fadeAnimator
    }
    
    // 返回一个可以交互的转场动画
    func navigationController(_ navigationController: UINavigationController, interactionControllerFor animationController: UIViewControllerAnimatedTransitioning) -> UIViewControllerInteractiveTransitioning? {
        if interactive == false {
            return nil
        }
        
        return fadeAnimator
    }
    

    func handlePan(recognizer: UIPanGestureRecognizer) {
        fadeAnimator.handlePan(recognizer: recognizer)
    }
}

class SecondViewController: UIViewController {
     let pushTransitionDelegate = PushTansitionDelegate()
    
    override func viewDidLoad() {
        super.viewDidLoad()
    }
    
    override func viewDidAppear(_ animated: Bool) {
        super.viewDidAppear(animated)
        
        let pan = UIPanGestureRecognizer(target: self, action: #selector(handlePan(recognizer:)))
        self.view.addGestureRecognizer(pan)
    }
    
    @objc func handlePan(recognizer: UIPanGestureRecognizer) {
        if recognizer.state == .began {
            
            pushTransitionDelegate.interactive = true
            self.navigationController?.delegate = pushTransitionDelegate
            self.navigationController?.popViewController(animated: true)
        }else {
            pushTransitionDelegate.handlePan(recognizer: recognizer)
        }
    }
    
    @IBAction func close(_ sender: Any) {
        self.dismiss(animated: true, completion: nil)
    }
}

var animator: UIDynamicAnimator!
@IBAction func UIDynamic_tap(_ sender: Any) {
    animator = UIDynamicAnimator(referenceView: self.view)
    let behavior = UIGravityBehavior(items: [objectView])
    animator.addBehavior(behavior)
    
    let behaviorCollision = UICollisionBehavior(items: [objectView])
    behaviorCollision.translatesReferenceBoundsIntoBoundary = true
    animator.addBehavior(behaviorCollision)
}

var rainLayer: CAEmitterLayer!
@IBAction func CAEmitterLayer_tap(_ sender: Any) {
    // 粒子发射图层
    rainLayer = CAEmitterLayer()
    // 发射器形状为线形，默认发射方向向上
    rainLayer.emitterShape = CAEmitterLayerEmitterShape.line
    // 从发射器的轮廓发射粒子
    rainLayer.emitterMode = CAEmitterLayerEmitterMode.outline
    // 优先渲染旧的粒子
    rainLayer.renderMode = CAEmitterLayerRenderMode.oldestFirst
    // 发射位置
    // 对于线形发射器，线的两端点分别为
    // (emitterPosition.x - emitterSize.width/2, emitterPosition.y, emitterZPosition)和
    // (emitterPosition.x + emitterSize.width/2, emitterPosition.y, emitterZPosition)
    rainLayer.emitterPosition = CGPoint(x: view.bounds.midX, y: 0)
    // 发射器大小
    rainLayer.emitterSize = CGSize(width: view.bounds.width, height: 0)
    // 粒子生成速率的倍数，一开始不发射，设置为零
    rainLayer.birthRate = 0
    
    // 发射的粒子
    let cell = CAEmitterCell()
    // 粒子显示的内容，设置CGImage，显示图片
    cell.contents = UIImage(named: "star")?.cgImage
    // 粒子缩放倍数
    cell.scale = 0.1
    // 粒子寿命，单位是秒
    cell.lifetime = 5
    // 粒子生成速率，单位是个/秒，实际显示效果要乘以CAEmitterLayer的birthRate
    cell.birthRate = 1000
    // 粒子速度
    cell.velocity = 500
    // 粒子发射角度，正值表示顺时针方向
    cell.emissionLongitude = CGFloat.pi
    
    // 图层要发射1种粒子
    rainLayer.emitterCells = [cell]
    // 添加粒子发射图层
    view.layer.addSublayer(rainLayer)
    
    
    
    //  粒子生成速率渐变动画
    let birthRateAnimation = CABasicAnimation(keyPath: "birthRate")
    birthRateAnimation.duration = 3
    if rainLayer.birthRate == 0 {
        // 雨变大
        birthRateAnimation.fromValue = 0
        birthRateAnimation.toValue = 1
        rainLayer.birthRate = 1
    } else {
        // 雨变小
        birthRateAnimation.fromValue = 1
        birthRateAnimation.toValue = 0
        rainLayer.birthRate = 0
    }
    // 加入动画
    rainLayer.add(birthRateAnimation, forKey: "birthRate")
}