Back to Ibanimatable

Activity indicator animations

Documentation/ActivityIndicators.md

6.1.09.8 KB
Original Source

Activity indicator animations

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

BallBeat

BallClipRotate

BallClipRotateMultiple

BallClipRotatePulse

BallGridBeat

BallGridPulse

BallPulse

BallPulseRise

BallPulseSync

BallRotate

BallRotateChase

BallScale

BallScaleMultiple

BallScaleRipple

BallScaleRippleMultiple

BallSpinFadeLoader

BallTrianglePath

BallZigZag

BallZigZagDeflect

CubeTransition

LineScale

LineScaleParty

LineScalePulseOut

LineScalePulseOutRapid

LineSpinFadeLoader

Orbit

Pacman

SemiCircleSpin

SquareSpin

TriangleSkewSpin

CircleStrokeSpin

CircleDashStrokeSpin

Gear

TripleGear

HeartBeat

Triforce

Rupe

NewtonCradle

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'