Easy to read and write chainable animations in Objective-C and Swift

Hi! I test version 2 and found that the callbacks pre and post are called at the same time:

JHChainableAnimator *animator = [[JHChainableAnimator alloc] initWithView:self.label];
    animator.
    transformScale(0.01f).makeOpacity(0.0f).postAnimationBlock(@weakself(^() ){
        NSLog(@"postAnimationBlock %@",[NSDate date]);
    }@weakselfend).
    preAnimationBlock(@weakself(^() ){
        NSLog(@"preAnimationBlock %@",[NSDate date]);
    }@weakselfend).
    animationBlock(@weakself(^() ){
        NSLog(@"animationBlock %@",[NSDate date]);
    }@weakselfend).
    thenAfter(10.0f).
    postAnimationBlock(@weakself(^() ){
        NSLog(@"postAnimationBlock %@",[NSDate date]);
    }@weakselfend).
    animationBlock(@weakself(^() ){
        NSLog(@"animationBlock %@",[NSDate date]);
    }@weakselfend).
    preAnimationBlock(@weakself(^() ){
        NSLog(@"preAnimationBlock %@",[NSDate date]);
    }@weakselfend).
   transformScale(100.0f).makeOpacity(1.0f).animate(10.5f);

output:

preAnimationBlock 2017-02-07 16:53:35 +0000 animationBlock 2017-02-07 16:53:35 +0000 postAnimationBlock 2017-02-07 16:53:35 +0000

preAnimationBlock 2017-02-07 16:53:45 +0000 animationBlock 2017-02-07 16:53:45 +0000 postAnimationBlock 2017-02-07 16:53:45

This is a bug or something I do not understand?

I want to grow (scale) a view set a new value and then shrink (scale) the view to its original size again.

I tried to do:

    var isGrowing = true
    self.badgeView?.transformScale()(2).animate()(3)
      self.badgeView?.animationCompletion = {
        if isGrowing {
          isGrowing = false
          self.badgeView?.badgeText = "\(self.selectionCounter)"
          self.badgeView?.transformScale()(1).animate()(3)
        }
    }

But it does not work that way. How can I fix this?

For example, given _myButton

self.myButton.animationCompletion = JHAnimationCompletion() { NSLog(@"Done!"); }); self.myButton.makeX(5).animate(1.0);

And myButton will flash.

Is there a way to get this working with Swift?

I can get it to compile by changing:

#import "NSBKeyframeAnimationFunctions/NSBKeyframeAnimationFunctions.h"

to:

#import "NSBKeyframeAnimationFunctions.h"

but attempting to animate a button:

button.moveX(50).animate(0.5)

doesn't compile.

When using this library in Swift I saw several things that don't comply with the Swift API Design Guidelines. The most striking one for me was the duplication of names by using parameter naming everywhere, even when the method name includes it already.

In this PR I took a very conservative approach and tried to change as little as possible but still remove the duplication on the call site. For Objective-C this PR shouldn't have any impact, on Swift side the impact is little.

For example, code previously looked something like this:

buttonAnimator.moveY(y: -50).easeInOutExpo.animateWithCompletion(t: 1.1, completion: { ... })

Note that moveY(y:) duplicates the Y part and that animateWithCompletion(t:completion:) duplicates the completion part.

After my PR is merged, it will look like this:

buttonAnimator.moveY(-50).easeInOutExpo.animate(t: 1.1, completion: { ... })

This is not only shorter but also closer to the Swift API Design Guidelines.

I suggest that you release a new version with a minor version bump (e.g. 2.1) with these changes. Technically it is a breaking change as existing code is not going to work as is. But Xcode provides auto-fixes for most of them.

By the way, please consider making all calls compliant to the Design Guidelines if you ever plan to release a major upgrade. For example the above code actually might look something like the following if it was completely compliant:

buttonAnimator.move(y: -50).ease(.inOutExpo).animate(duration: 1.1, completion: { ... })

I also liked the changes made by @Draveness to make the animations callable directly on a view object like view.animation.move.... But that's all completely out of this PRs scope. :)

Hi! Thank you for so awesome animation library.

A wanted to ask you to add animation controlling features like stopping, pausing and resuming animations.

_counterLabel
    .wait(0.2)
    .makeScale(2)
    .spring
    .animate(0.8);

After calling this code, the label is shifted to the left and not scaling!

I was expecting it to apply a scaling CGAffineTransform.

Not many views scale well by adjusting their bounds, for me I was trying to scale a UILabel, which by default just truncates the text when smaller.

Hi, trying to use easeInCirc effect I got a runtime error. With the same line of code but a different effect everything works fine.

myView.moveXY(-20,-150).easeInCirc.makeScale(2.0).makeOpacity(1.0).animate(0.8);

Error: file JHKeyframeAnimation.m line 166

Assertion failed: (CGFloatIsValid(x) && CGFloatIsValid(y)), function void >CGPathAddLineToPoint(CGMutablePathRef, const CGAffineTransform *, CGFloat, CGFloat), file >Paths/CGPath.cc, line 265.

thank you for this powerful frameworks!

i have some questions:

1.chainAnim with autoLaytou is useless,e.g.: self.redView.makeConstraint(self.leftMarginC,100).animate(2.0f); //do not has any effects

2.cloud add duratiion for each chain? e.g.: self.redView.moveX(100).duration(1.5f).thenAfter.moveY(100).duration(.8f).animat;

3.i could not understand the diff between wait/delay and thenAfter?

thank you!

First, thanks @jhurray for the awesome lib. Great work!

Now back to the problem - has anyone encountered a blinking issue? No matter what animation (move, scale) I'm using, each view (with its own animator) blinks with white color at the end of an animation.

This is happening on an iPhone 6 device, iOS 10.3. Works smoothly on a Simulator, Xcode 9.0. Any thoughts?

I'm using Swift and pod 'ChainableAnimations', '~> 3.0.1'

For example, I want a view repeat a "up-down animation". code: JHChainableAnimator *anim = [[JHChainableAnimator alloc] initWithView:view]; anim.moveY(10).thenAfter(0.2).moveY(-10).animateWithRepeat(0.2,5);

But the view will move down once and move up five times

Hi,

I tried to add this library in my project, but the last changes of the last commit does not appears actually if I browse in the code. Maybe, because the name of the last version (3.0.1) is the same as the previous one.

Please, fix it. Thanks

In current implementation spring easing is just an easeOutElastic now. I want spring animation has dampingRatio and velocity parameters and to be implemented as a real spring animation.

Thank you.

Hello! I need to fade in a view while it is moving to its destination point. So I setup it with zero alpha and start coordinates, then I need to move it to the destination in 1 second and change its alpha to 1 in 0.3 second.

Is there a possibility to do that? a.makeOpacity(1).animate(0.3).moveX(destination).animate(1) doesn't work.