I tried the following animation:

First I created a view:

    self.phoneScreen = UIImageView(image: UIImage(named: "screenBlank")!)
    self.phoneScreen?.frame = CGRectMake(0, 0, self.phoneScreen!.frame.width/2, self.phoneScreen!.frame.height/2)
    self.phoneScreen?.center = self.view.center
    self.scrollView.addSubview(self.phoneScreen!)

Then I created the animation:

let phoneScreenAnimation: IFTTTFrameAnimation = IFTTTFrameAnimation(view: self.phoneScreen!)
    self.animator.addAnimation(phoneScreenAnimation)

    phoneScreenAnimation.addKeyFrame(IFTTTAnimationKeyFrame(time: timeForPage(1), andFrame: self.phoneScreen!.frame))
    phoneScreenAnimation.addKeyFrame(IFTTTAnimationKeyFrame(time: timeForPage(2), andFrame: CGRectOffset(self.phoneScreen!.frame, self.view.frame.size.width, 0)))

The function timeForPage is based on your example.

Here is the problem. The animation is running correctly from page 1 to page 2. The problem is that is not very smooth. It shakes a bit, or lets say it vibrates a bit while running. The shaking is around the x axis while the translation is running. It looks like there is a lot of computation and that the rendering of the view could not handle painting that fast. Is there something wrong with my code or is there a better way to move a view from page 1 to page 2?

Hi,

Adding keyframes seems to regenerate the animation timeline at each new frame. I understand that to change the behaviour you would have to break the compatibility with previous versions so I propose adding a macro or something to disable the behavior, combined with a new method like commitKeyframes or createTimeline that would sort keyframes and generate the timeline. Also maybe adding an optional parameter (BOOL)commit to the addKeyFrame method on the animation base class could be also nice.

By implementing this I dropped my animation creations from 1.86s down to 0.85s on iPhone4/iOS6. Agreed, I do have a lot of animations, but still this could still be a nice improvement!

I can make a pull request if you want, but I reckon you may prefer do it yourself(ves).

Keep up the good work!

PS: if there is any other room for improvement, I would love to hear about it!

Not sure if anyone else would find this useful, but I implemented a circular mask animation. This animation will mask a view to a circle starting in the center at visibility 0 and work it's way to the outside at visibility 1.0.

Initially I thought I could use the corner radius animation for what I needed, but I wanted the radius to be calculated automatically.

Added corner radius animation feature.

from: https://github.com/IFTTT/JazzHands/issues/1495

@jhersh here it is. If I need to do anything else let me know.

By simple drag and drop of the src files in custom project. I get 10 errors of similiar kind. What is the myth behind ? Unknown type name 'IFTTTFrameAnimation'; did you mean 'IFTTTAnimation'?

In your pan example you wrote:

- (IBAction)handlePan:(UIPanGestureRecognizer *)recognizer {
  [self.animator animate:[recognizer locationOfTouch:0 inView:self.view]];
}

This is wrong because locationOfTouchwill return a CGPoint is there a way to fix that?

Hello,

I do not see the way to make the animation that you have on your gif on the page 4 and 5. First at all I can not put the UIImageView where I want to on the next page move it.

I can put it where I want on Y axis but not on the X axis. On your Unicorn example you have everything centered on the X axis but not moved to the right or the left. Could you help me?

Thanks in advance

Added a new IFTTTAngleAnimation class along with some updates to examples to demonstrate other constructors as well as multiple keyframe initialization.

Hi,

I created a Swift DSL for JazzHands. You can find it here:

https://github.com/confile/JazzHandsSwift

It would be great if you could linke to this DSL if you like it.

Hi, in this PR I've added an initializer, with a CALayer, to IFTTTAnimation and 3 IFTTTAnimation subclasses to animate:

• CAShapeLayer.strokeStart
• CAShapeLayer.strokeEnd
• CAShapeLayer.fillColor

Here's an example animation for strokeEnd (from 1 to 0) and fillColor (from blue to clear):

Hi,

I am trying out your library and I am quickly facing a strange issue. The demo project runs fine on iOS6-7-8 and iPhone 4-5-6 (even after enabling iPhone 6 screen support), though if I use the exact same code in my own app it fails. Literally the same code, except for the added #import <UIKit/UIKit.h> in the view controller header.

The exception is thrown at line 24 of the view controller class: self.view.frame = animationFrame.frame; with exception CALayer position contains NaN: [nan nan].

Here is a link to the sample project: https://github.com/dvkch/JazzHandsBug1063 .

Thanks for taking time to look into this, Stan

Previously, I had this code:

- (void)setView:(UIView *)view hiddenAtEndOfAnimation:(BOOL)hidden atPage:(Page)page {

	IFTTTHideAnimation *hideAnimation = [[IFTTTHideAnimation alloc] initWithView:view];

	[hideAnimation addKeyFrame:[[IFTTTAnimationKeyFrame alloc] initWithTime:page.left andHidden:!hidden]];
	[hideAnimation addKeyFrame:[[IFTTTAnimationKeyFrame alloc] initWithTime:page.right - 1 andHidden:!hidden]];

	[hideAnimation addKeyFrame:[[IFTTTAnimationKeyFrame alloc] initWithTime:page.right andHidden:hidden]];

	[self.contentAnimator addAnimation:hideAnimation];
}

but with the latest version, this is impossible, as there is no simple init that only sets the view. Highly dissapointed.

I apologize if this question seems basic to some, but I am a bit of a newbie. I have tried for hours to tweak the demo code to make the animation execute on a normal uiviewcontroller (not the scrollview that they provide). I would really appreciate any feedback. Is this possible? Thank you!

Hi, I used your JazzHands to build a app guide page. and found a little issue about position of animation issue in iOS 7.0.3 while in other version of iOS is fine. I made a demo about how that issue appears. here is the repo : https://github.com/lane128/WLJazzHandsDemo

here is the incorrect position after animation. (iOS 7.0.3) here is the correct position after animation (iOS > 7.0.3)

Hope you can help me to solve it. Thanks.