ChainedAnimation 4.0.0

You want to add pod 'ChainedAnimation', '~> 4.0' similar to the following to your Podfile:

target 'MyApp' do
  pod 'ChainedAnimation', '~> 4.0'
end

Then run a pod install inside your terminal, or from CocoaPods.app.

Alternatively to give it a test run, run the command:

pod try ChainedAnimation

ChainedAnimation 4.0.0

By
Silvan Dähn
silvandaehn

ChainedAnimation

Usage

To run the example project, clone the repo, and run the Example application target.

Chain multiple animations with different delays. Chained animations will be started with a delay after the last one started executing.

You can create a chained animation with the -beginAnimationChain function on the UIView class.

UIView.beginAnimationChain(0.5) {
  view.frame.origin.y = 170
}.animate()

You can provide an optional delay an UIViewAnimationOptions.

UIView.beginAnimationChain(0.5, delay: 0.2, options: .CurveEaseInOut) {
  view.frame.origin.y = 170
}.animate()

To add an offset animation, use the -thenAfterStart: function and append an animation closure that will be executed as soon as the last animation started, delayed by the provided offset. Add a completion closure to the animation chain and it will be executed when the previous animation in the chain completed.

UIView.beginAnimationChain(0.5, options: .CurveEaseInOut) {
  view.frame.origin.y = 170
}.thenAfterStart(0.1) {
  // This animation will be started 0.1 seconds
  // after the previous one started
  otherView.tranform = awesomeTransform
}.thenAfterStart(0.15) {
  // More shiny animations
}.completion { bool in
  // Do something nice on completion. Or don't.
}.animate()

It is also possible to add a new chain after a previous one completed. To add a new chain call -chainAfterCompletion: and start adding animation blocks with their offset.

UIView.beginAnimationChain(0.33, options: .CurveEaseInOut) {
  view.frame.origin.y = 170
}.thenAfterStart(0.15) {
  // Start animations with a delayed start
}.completion { bool in
  // Do something nice on the completion of the first chain.
}.chainAfterCompletion(1.2, options: .CurveEaseIn) {
    // This animation will be started after the last
    // animation in the first chain completed
}.thenAfterStart(0.1) {
    // This animation will be started 0.1 seconds after
    // the first animation in the second chain started
}.completion { _ in
    // Do something nice on the completion of the second chain.
}.animate()

Author

Silvan Dähn, @silvandaehn

License

Chain is available under the MIT license. See the LICENSE file for more info.