ActivityIndicatorAnimationBallZigZag.swift 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. //
  2. // Created by Tom Baranes on 23/08/16.
  3. // Copyright (c) 2016 IBAnimatable. All rights reserved.
  4. //
  5. import UIKit
  6. public class ActivityIndicatorAnimationBallZigZag: ActivityIndicatorAnimating {
  7. // MARK: Properties
  8. fileprivate let duration: CFTimeInterval = 0.7
  9. // MARK: ActivityIndicatorAnimating
  10. public func configureAnimation(in layer: CALayer, size: CGSize, color: UIColor) {
  11. let circleSize: CGFloat = size.width / 5
  12. let deltaX = size.width / 2 - circleSize / 2
  13. let deltaY = size.height / 2 - circleSize / 2
  14. let frame = CGRect(x: (layer.bounds.size.width - circleSize) / 2,
  15. y: (layer.bounds.size.height - circleSize) / 2,
  16. width: circleSize,
  17. height: circleSize)
  18. // Circle 1 animation
  19. let animation = CAKeyframeAnimation(keyPath: .transform)
  20. animation.keyTimes = [0.0, 0.33, 0.66, 1.0]
  21. animation.timingFunctionType = .linear
  22. animation.values = [NSValue(caTransform3D: CATransform3DMakeTranslation(0, 0, 0)),
  23. NSValue(caTransform3D: CATransform3DMakeTranslation(-deltaX, -deltaY, 0)),
  24. NSValue(caTransform3D: CATransform3DMakeTranslation(deltaX, -deltaY, 0)),
  25. NSValue(caTransform3D: CATransform3DMakeTranslation(0, 0, 0))]
  26. animation.duration = duration
  27. animation.repeatCount = .infinity
  28. animation.isRemovedOnCompletion = false
  29. let circle1 = makeCircleLayer(frame: frame, size: CGSize(width: circleSize, height: circleSize), color: color, animation: animation)
  30. layer.addSublayer(circle1)
  31. // Circle 2 animation
  32. animation.values = [NSValue(caTransform3D: CATransform3DMakeTranslation(0, 0, 0)),
  33. NSValue(caTransform3D: CATransform3DMakeTranslation(deltaX, deltaY, 0)),
  34. NSValue(caTransform3D: CATransform3DMakeTranslation(-deltaX, deltaY, 0)),
  35. NSValue(caTransform3D: CATransform3DMakeTranslation(0, 0, 0))]
  36. let circle2 = makeCircleLayer(frame: frame, size: CGSize(width: circleSize, height: circleSize), color: color, animation: animation)
  37. layer.addSublayer(circle2)
  38. }
  39. }
  40. // MARK: - Setup
  41. private extension ActivityIndicatorAnimationBallZigZag {
  42. func makeCircleLayer(frame: CGRect, size: CGSize, color: UIColor, animation: CAAnimation) -> CALayer {
  43. let circle = ActivityIndicatorShape.circle.makeLayer(size: size, color: color)
  44. circle.frame = frame
  45. circle.add(animation, forKey: "animation")
  46. return circle
  47. }
  48. }