Activity indicator animations

July 4, 2018 ยท View on GitHub

IBAnimatable provides a broad set of nice loading animations. We can use them in Interface Builder as well as in code by using AnimatableActivityIndicatorView.

You can see an example of each animation in the demo app. Launch the app, then tap on "Playground" button, and tap on "Activity Indicator" cell. Choose your animation, and see the result.

Properties

Property nameData typeDescription
animationTypeStringSupported activity indicator animations. Take a look at the supported animations
colorUIColorColor of the activity indicator. Default is black.
hidesWhenStoppedBoolControls whether the receiver is hidden when the animation is stopped. Default is true
isAnimatingBoolWether the activityIndicator is animating or not

Methods available

Method nameDescription
startAnimating()Start the animation
stopAnimating()Stop the animation. The activityIndicator will be hidden if hidesWhenStopped value is true.

Supported animation:

  1. AudioEqualizer
  2. BallBeat
  3. BallClipRotate
  4. BallClipRotateMultiple
  5. BallClipRotatePulse
  6. BallGridBeat
  7. BallGridPulse
  8. BallPulse
  9. BallPulseRise
  10. BallPulseSync
  11. BallRotate
  12. BallRotateChase
  13. BallScale
  14. BallScaleMultiple
  15. BallScaleRipple
  16. BallScaleRippleMultiple
  17. BallSpinFadeLoader
  18. BallTrianglePath
  19. BallZigZag
  20. BallZigZagDeflect
  21. CubeTransition
  22. LineScale
  23. LineScaleParty
  24. LineScalePulseOut
  25. LineScalePulseOutRapid
  26. LineSpinFadeLoader
  27. Orbit
  28. Pacman
  29. SemiCircleSpin
  30. SquareSpin
  31. TriangleSkewSpin
  32. CircleStrokeSpin
  33. CircleDashStrokeSpin
  34. Gear
  35. TripleGear
  36. HeartBeat
  37. Triforce
  38. Rupe
  39. NewtonCradle
  40. CirclePendulum

AudioEqualizer

ActivityIndicator - AudioEqualizer

BallBeat

ActivityIndicator - BallBeat

BallClipRotate

ActivityIndicator - BallClipRotate

BallClipRotateMultiple

ActivityIndicator - BallClipRotateMultiple

BallClipRotatePulse

ActivityIndicator - BallClipRotatePulse

BallGridBeat

ActivityIndicator - BallGridBeat

BallGridPulse

ActivityIndicator - BallGridPulse

BallPulse

ActivityIndicator - BallPulse

BallPulseRise

ActivityIndicator - BallPulseRise

BallPulseSync

ActivityIndicator - BallPulseSync

BallRotate

ActivityIndicator - BallRotate

BallRotateChase

ActivityIndicator - BallRotateChase

BallScale

ActivityIndicator - BallScale

BallScaleMultiple

ActivityIndicator - BallScaleMultiple

BallScaleRipple

ActivityIndicator - BallScaleRipple

BallScaleRippleMultiple

ActivityIndicator - BallScaleRippleMultiple

BallSpinFadeLoader

ActivityIndicator - BallSpinFadeLoader

BallTrianglePath

ActivityIndicator - BallTrianglePath

BallZigZag

ActivityIndicator - BallZigZag

BallZigZagDeflect

ActivityIndicator - BallZigZagDeflect

CubeTransition

ActivityIndicator - CubeTransition

LineScale

ActivityIndicator - LineScale

LineScaleParty

ActivityIndicator - LineScaleParty

LineScalePulseOut

ActivityIndicator - LineScalePulseOut

LineScalePulseOutRapid

ActivityIndicator - LineScalePulseOutRapid

LineSpinFadeLoader

ActivityIndicator - LineSpinFadeLoader

Orbit

ActivityIndicator - Orbit

Pacman

ActivityIndicator - Pacman

SemiCircleSpin

ActivityIndicator - SemiCircleSpin

SquareSpin

ActivityIndicator - SquareSpin

TriangleSkewSpin

ActivityIndicator - TriangleSkewSpin

CircleStrokeSpin

ActivityIndicator - CircleStrokeSpin

CircleDashStrokeSpin

ActivityIndicator - CircleDashStrokeSpin

Gear

ActivityIndicator - Gear

TripleGear

ActivityIndicator - TripleGear

HeartBeat

ActivityIndicator - HeartBeat

Triforce

ActivityIndicator - Triforce

Rupe

ActivityIndicator - Rupe

NewtonCradle

ActivityIndicator - NewtonCradle

CirclePendulum

ActivityIndicator - CirclePendulum

Easter eggs ๐Ÿฅš๐Ÿฐ

Compile this framework with flag

  • ๐Ÿ›ก TRIFORCE to reveal the true color of the Triforce:
    • ๐Ÿ”บred for power.
    • ๐Ÿƒgreen for courage.
    • ๐Ÿ”นblue for wisdom.
  • ๐Ÿ“บ LG to use the primary colors on CirclePendulum.

For Cocoapod

Use in Podfile build_settings['OTHER_SWIFT_FLAGS'] = '-THE_FLAG'