swift简单动画demo

from:
swift简单动画demo

动画GIF

No.	name(cn)	name(en)	gif
1	缩放动画	Scale
2	位移动画	Translation
3	旋转动画	Rotation
4	颜色动画	Color
5	弹簧动画	Spring
6	组合动画	Concat

代码

import UIKit

class ViewController: UIViewController {



    var rect: UIView!

    override func viewDidLoad() {
        super.viewDidLoad()

        initrectView()
    }

    var i: Int = 0

    @IBAction func onNextButtonClick(sender: UIButton) {
        switch i%6 {
        case 0:
            showScaleAnim() // 1. 缩放动画
        case 1:
            showTranslationAnim() // 2. 位移动画
        case 2:
            showRotationAnim() // 3. 旋转动画
        case 3:
            showColorAnim() // 4. 颜色动画
        case 4:
            showSpringAnim() // 5. 弹簧动画
        default:
            showConcatAnim() // 6. 组合动画
        }

        i += 1
    }


    /** 初始化动画对象 */
    func initrectView() {
        let rectFrame = CGRectMake(50, 50, 100, 100)
        rect = UIView(frame: rectFrame)

        rect.backgroundColor = UIColor.cyanColor()

        self.view.addSubview(rect)
    }

    func resumeRectView() -> Void {
        rect.transform = CGAffineTransformIdentity
    }

    /** 普通动画. 缩放 */
    func showScaleAnim() {

        let duration: NSTimeInterval = 3 // 动画持续时间
        let delay: NSTimeInterval = 0 // 动画延迟时间
        let options: UIViewAnimationOptions = UIViewAnimationOptions.CurveEaseInOut // 动画选项
        let animations: () -> Void = {() -> Void in
            self.rect.transform = CGAffineTransformMakeScale(2, 2) // 缩放动画, x 放大 2, y 放大 2
        }
        UIView.animateWithDuration(duration, delay: delay, options: options, animations: animations) { (finish) -> Void in
            self.resumeRectView()
            print(finish)
        }
    }

    /** 普通动画. 位移 */
    func showTranslationAnim() {
        let duration: NSTimeInterval = 3 // 动画持续时间
        let delay: NSTimeInterval = 0 // 动画延迟时间
        let options: UIViewAnimationOptions = UIViewAnimationOptions.CurveEaseInOut // 动画选项
        let animations: () -> Void = {() -> Void in
            self.rect.transform = CGAffineTransformMakeTranslation(0, 100) // 位移动画, x 移动 0, y 移动 100
        }
        UIView.animateWithDuration(duration, delay: delay, options: options, animations: animations) { (finish) -> Void in
            self.resumeRectView()
            print(finish)
        }
    }

    /** 普通动画. 旋转 */
    func showRotationAnim() {
        let duration: NSTimeInterval = 3 // 动画持续时间
        let delay: NSTimeInterval = 0 // 动画延迟时间
        let options: UIViewAnimationOptions = UIViewAnimationOptions.CurveEaseInOut // 动画选项
        let animations: () -> Void = {() -> Void in
            self.rect.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_2)) // 旋转动画, 旋转pi
        }
        UIView.animateWithDuration(duration, delay: delay, options: options, animations: animations) { (finish) -> Void in
            self.resumeRectView()
            print(finish)
        }
    }

    /** 普通动画. 颜色 */
    func showColorAnim() {
        let duration: NSTimeInterval = 3 // 动画持续时间
        let delay: NSTimeInterval = 0 // 动画延迟时间
        let options: UIViewAnimationOptions = UIViewAnimationOptions.CurveEaseInOut // 动画选项
        let animations: () -> Void = {() -> Void in
            self.rect.backgroundColor = UIColor.greenColor() // 颜色动画, 变色为绿色
        }
        UIView.animateWithDuration(duration, delay: delay, options: options, animations: animations) { (finish) -> Void in
            self.resumeRectView()
            print(finish)
        }
    }

    /** 弹簧动画, 一个球变大 */
    func showSpringAnim() {
        let duration: NSTimeInterval = 3 // 动画持续时间
        let delay: NSTimeInterval = 0 // 动画延迟时间
        let damping: CGFloat = 0.3 // 阻尼. 越大感觉越有粘性
        let velocity: CGFloat = 0 // 初速度
        let options: UIViewAnimationOptions = UIViewAnimationOptions.CurveEaseInOut // 动画选项
        let animations: () -> Void = {() -> Void in
            self.rect.transform = CGAffineTransformMakeTranslation(0, 150) // 位移动画
        }

        UIView.animateWithDuration(duration, delay: delay, usingSpringWithDamping: damping, initialSpringVelocity: velocity, options: options, animations: animations) { (finish) -> Void in
            self.resumeRectView()
            print(finish)
        }
    }

    /** 组合动画. 缩放 + 位移 + 颜色 */
    func showConcatAnim() {
        let duration: NSTimeInterval = 3 // 动画持续时间
        let delay: NSTimeInterval = 0 // 动画延迟时间
        let options: UIViewAnimationOptions = UIViewAnimationOptions.CurveEaseInOut // 动画选项
        let animations: () -> Void = {() -> Void in

            let anim1 = CGAffineTransformMakeScale(2, 2) // 缩放动画, x 放大 2, y 放大 2
            let anim2 = CGAffineTransformMakeTranslation(150, 50) // 位移动画, x 移动 150, y 移动 50

            let concatAnim = CGAffineTransformConcat(anim1, anim2) // 组合动画, 缩放和位移动画一起组合成新的动画

            self.rect.backgroundColor = UIColor.greenColor() // 颜色动画

            self.rect.transform = concatAnim
        }
        UIView.animateWithDuration(duration, delay: delay, options: options, animations: animations) { (finish) -> Void in
            self.resumeRectView()
            print(finish)
        }
    }
}