UIView Custom Timing Functions in Swift

UIViewCustomTimingFunction.swift

//
//  UIViewCustomTimingFunction.swift
//  Cars
//
//  Created by EVGENY Oborin on 12/06/2018.
//  Copyright © 2018 EVGENY Oborin. All rights reserved.
//

import UIKit

enum CustomTimingFunction {
    case defaultTimingFunction
    case linear
    case easeIn
    case easeOut
    case easeInOut
    case sineIn
    case sineOut
    case sineInOut
    case quadIn
    case quadOut
    case quadInOut
    case cubicIn
    case cubicOut
    case cubicInOut
    case quartIn
    case quartOut
    case quartInOut
    case quintIn
    case quintOut
    case quintInOut
    case expoIn
    case expoOut
    case expoInOut
    case circIn
    case circOut
    case circInOut
    case backIn
    case backOut
    case backInOut
}

extension UIView {
    static func animate(withDuration duration: TimeInterval, customTimingFunction: CustomTimingFunction, animations: @escaping () -> Swift.Void, completion: (() -> (Swift.Void))? = nil) {
        UIView.beginAnimations(nil, context: nil)
        CATransaction.begin()
        CATransaction.setAnimationDuration(duration)
        CATransaction.setAnimationTimingFunction(customTimingFunction.mediaTimingFunction())
        CATransaction.setCompletionBlock(completion)
        
        animations()
        
        CATransaction.commit()
        UIView.commitAnimations()
    }
    
    func animate(property: String, from: Any?, to: Any?, withDuration duration: TimeInterval, customTimingFunction: CustomTimingFunction, completion: (() -> (Swift.Void))? = nil) {
        
        CATransaction.begin()
        CATransaction.setCompletionBlock(completion)
        if (property == "frame") {
            let fromRect = from as? CGRect
            let toRect = to as? CGRect
            
            let fromPosition = fromRect.map({ CGPoint(x: $0.midX, y: $0.midY) })
            let toPostion = toRect.map({ CGPoint(x: $0.midX, y: $0.midY) })
            
            let positionAnimation = CABasicAnimation(keyPath: "position")
            positionAnimation.timingFunction = customTimingFunction.mediaTimingFunction()
            positionAnimation.fromValue = fromPosition
            positionAnimation.toValue = toPostion
            
            let boundsAnimation = CABasicAnimation(keyPath: "bounds")
            boundsAnimation.timingFunction = customTimingFunction.mediaTimingFunction()
            boundsAnimation.fromValue = fromRect
            boundsAnimation.toValue = toRect
            
            let group = CAAnimationGroup()
            group.animations = [positionAnimation, boundsAnimation]
            group.duration = duration
            
            layer.add(group, forKey: property)
        } else {
            let animation = CABasicAnimation(keyPath: property)
            animation.duration = duration
            animation.timingFunction = customTimingFunction.mediaTimingFunction()
            animation.fromValue = from
            animation.toValue = to
            layer.add(animation, forKey: property)
        }
        
        CATransaction.commit()
    }
}

extension CustomTimingFunction {
    func mediaTimingFunction() -> CAMediaTimingFunction {
        switch (self) {
        case .defaultTimingFunction:
            return CAMediaTimingFunction(name: kCAMediaTimingFunctionDefault)
        case .linear:
            return CAMediaTimingFunction(name: kCAMediaTimingFunctionLinear)
        case .easeIn:
            return CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseIn)
        case .easeOut:
            return CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseOut)
        case .easeInOut:
            return CAMediaTimingFunction(name: kCAMediaTimingFunctionEaseInEaseOut)
        case .sineIn:
            return CAMediaTimingFunction(controlPoints: 0.45, 0, 1, 1)
        case .sineOut:
            return CAMediaTimingFunction(controlPoints: 0, 0, 0.55, 1)
        case .sineInOut:
            return CAMediaTimingFunction(controlPoints: 0.45, 0, 0.55, 1)
        case .quadIn:
            return CAMediaTimingFunction(controlPoints: 0.43, 0, 0.82, 0.60)
        case .quadOut:
            return CAMediaTimingFunction(controlPoints: 0.18, 0.4, 0.57, 1)
        case .quadInOut:
            return CAMediaTimingFunction(controlPoints: 0.43, 0, 0.57, 1)
        case .cubicIn:
            return CAMediaTimingFunction(controlPoints: 0.67, 0, 0.84, 0.54)
        case .cubicOut:
            return CAMediaTimingFunction(controlPoints: 0.16, 0.46, 0.33, 1)
        case .cubicInOut:
            return CAMediaTimingFunction(controlPoints: 0.65, 0, 0.35, 1)
        case .quartIn:
            return CAMediaTimingFunction(controlPoints: 0.81, 0, 0.77, 0.34)
        case .quartOut:
            return CAMediaTimingFunction(controlPoints: 0.23, 0.66, 0.19, 1)
        case .quartInOut:
            return CAMediaTimingFunction(controlPoints: 0.81, 0, 0.19, 1)
        case .quintIn:
            return CAMediaTimingFunction(controlPoints: 0.89, 0, 0.81, 0.27)
        case .quintOut:
            return CAMediaTimingFunction(controlPoints: 0.19, 0.73, 0.11, 1)
        case .quintInOut:
            return CAMediaTimingFunction(controlPoints: 0.9, 0, 0.1, 1)
        case .expoIn:
            return CAMediaTimingFunction(controlPoints: 1.04, 0, 0.88, 0.49)
        case .expoOut:
            return CAMediaTimingFunction(controlPoints: 0.12, 0.51, -0.4, 1)
        case .expoInOut:
            return CAMediaTimingFunction(controlPoints: 0.95, 0, 0.05, 1)
        case .circIn:
            return CAMediaTimingFunction(controlPoints: 0.6, 0, 1, 0.45)
        case .circOut:
            return CAMediaTimingFunction(controlPoints: 1, 0.55, 0.4, 1)
        case .circInOut:
            return CAMediaTimingFunction(controlPoints: 0.82, 0, 0.18, 1)
        case .backIn:
            return CAMediaTimingFunction(controlPoints: 0.77, -0.63, 1, 1)
        case .backOut:
            return CAMediaTimingFunction(controlPoints: 0, 0, 0.23, 1.37)
        case .backInOut:
            return CAMediaTimingFunction(controlPoints: 0.77, -0.63, 0.23, 1.37)
        }
    }
}