[iOS]UIView动画学习笔记(下)

最新推荐文章于 2018-06-02 10:12:28 发布

realank

最新推荐文章于 2018-06-02 10:12:28 发布

阅读量441

点赞数

分类专栏： iOS 动画文章标签： ios uiview 动画

本文链接：https://blog.csdn.net/realank/article/details/46816433

版权

iOS 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

动画

2 篇文章 0 订阅

订阅专栏

上一篇文章记录了几类简单的动画内容，下面我们继续学习更多的动画，
慕课网视频的链接如下：
http://www.imooc.com/learn/395

本文涉及的内容：
- Repeat
- Easing
- Spring

下面我们分别介绍：

Repeat

可以让动画来回动作

override func viewDidAppear(animated: Bool){
    super.viewDidAppear(animated)
    UIView.animateWithDuration(1, animations:{
        self.blueSquare.center.x = self.view.bounds.width - self.blueSquare.center.x
    })
    UIView.animateWithDuration(1, delay:0, options: .Repeat, animations:{
        self.redSquare.center.x = self.view.bounds.width - self.redSquare.center.x
    }, completion: nil)
    UIView.animateWithDuration(1, delay:0, options: .Repeat | .Autoreverse, animations:{
        self.greenSquare.center.x = self.view.bounds.width - self.greenSquare.center.x
    }, completion: nil)

}

Easing

这里写图片描述

Easing动画涉及贝塞尔曲线，贝塞尔曲线绘制可以参考如下网址：
http://cubic-bezier.com/
http://easings.net/zh-cn

实现方式如下：

override func viewDidAppear(animated: Bool){
    super.viewDidAppear(animated)
    UIView.animateWithDuration(1, animations:{
        self.blueSquare.center.x = self.view.bounds.width - self.blueSquare.center.x
    })
    UIView.animateWithDuration(1, delay:0, options: .CurveEaseIn, animations:{
        self.redSquare.center.x = self.view.bounds.width - self.redSquare.center.x
    }, completion: nil)
    UIView.animateWithDuration(1, delay:0, options: .CurveEaseOut, animations:{
        self.greenSquare.center.x = self.view.bounds.width - self.greenSquare.center.x
    }, completion: nil)
    UIView.animateWithDuration(1, delay:0, options: .CurveEaseInOut, animations:{
        self.yelloSquare.center.x = self.view.bounds.width - self.yelloSquare.center.x
    }, completion: nil)

}

Spring

这里写图片描述

Spring弹簧动画使用的API的参数更多，原型如下：

//只有iOS7以上才支持
UIView.animateWithDuration(duration: NSTimeInterval, 
                           delay: NSTimeInterval,
                           usingSpringWithDamping: CGFloat,
                           initailSpringVelocity: CGFloat,
                           options: UIViewAnimationOptions,
                           animations: () -> Void,
                           completion: ((Bool) -> Void)?)

应用如下：

override func viewDidAppear(animated: Bool){
    super.viewDidAppear(animated)
    UIView.animateWithDuration(1, animations:{
        self.blueSquare.center.x = self.view.bounds.width - self.blueSquare.center.x
    })
    UIView.animateWithDuration(1, delay: 0, usingSpringWithDamping: 0.5, initailSpringVelocity: 0, options: nil, animations:{
        self.redSquare.center.x = self.view.bounds.width - self.redSquare.center.x
},completion: nil)

    UIView.animateWithDuration(5, delay: 0, usingSpringWithDamping:0.3, initailSpringVelocity: 1, options: nil, animations:{
        self.redSquare.center.x = self.view.bounds.width - self.redSquare.center.x
},completion: nil)



}