How to use the default iOS7 UIAnimation curve

Question

iOS7 animations don't behave the same way as in iOS6. They appear to use a different bezier curve. Where iOS6 uses a kind of "easeInOutSine" curve, iOS7 is more of the "easeInOutExpo" kind. (http://matthewlein.com/ceaser/)

Is there a way to use that curve? I want to sync my animations when the keyboard opens/closes.

score 39 · Accepted Answer · answered Sep 18 '13 at 13:40

39

Here's how I do it (at least when the keyboard is about to be shown)

- (void)keyboardWillShow:(NSNotification *)notification {
    NSDictionary *keyboardAnimationDetail = [notification userInfo];
    UIViewAnimationCurve animationCurve = [keyboardAnimationDetail[UIKeyboardAnimationCurveUserInfoKey] integerValue];
    CGFloat duration = [keyboardAnimationDetail[UIKeyboardAnimationDurationUserInfoKey] floatValue];

    [UIView animateWithDuration:duration delay:0.0 options:(animationCurve << 16) animations:^{
        // Set the new properties to be animated here
    } completion:nil];
}

You get the animation curve from the keyboard notification as usual and translate it to an animation option by bit-shifting it.

answered Sep 18 '13 at 13:40

Abizern

146,289
39
203
257

1

This is really clever. How would one get that animation before the keyboard is ever shown? – samvermette Sep 19 '13 at 08:22
3

Just use (7 << 16) as an option for animateWithDuration. – note173 Sep 19 '13 at 08:49
Is there an official constant for that option? – Melvyn Hills Sep 19 '13 at 09:51
They are in the headers. I think it's a bit fragile myself as it depends on the implementation. There really should be a framework method to convert an animationCurve to an animationOption. I should raise a radar for it sometime. – Abizern Sep 19 '13 at 10:03
Any thoughts on how to use this animation curve for a CAAnimation? – samvermette Sep 21 '13 at 15:21
1

This is perfect for when the keyboard shows up, but why is it out of sync when the keyboard is dismissed? – Piotr Tomasik Oct 10 '13 at 06:35
Yeah this seems to be off for the keyboard dismissal. – Bob Spryn Oct 17 '13 at 23:29
Interesting. The dismissing animation seems to be (6 << 16) even though it's reported to be (7 << 16) – Bob Spryn Oct 17 '13 at 23:45
Simple nd Swt Solution !! Thanks ! – Mrug Feb 18 '14 at 13:27
However, the `duration` parameter is invalid when using this animation option. Can anyone solve this? – leavez Jun 01 '15 at 03:24

score 3 · Answer 2 · edited Jun 20 '20 at 09:12

Update, fixed in 7.1. No longer necessary.

For whatever reason, the animation curve reported on keyboard dismissal is incorrect. It seems to actually be 6 << 16 instead of 7 << 17.

Here's what I do with UIKeyboardWillChangeFrameNotification to determine which animation curve to use.

NSDictionary *keyboardAnimationDetail = [notification userInfo];

CGRect keyboardEndFrameWindow = [keyboardAnimationDetail[UIKeyboardFrameEndUserInfoKey] CGRectValue];

double keyboardTransitionDuration  = [keyboardAnimationDetail[UIKeyboardAnimationDurationUserInfoKey] doubleValue];

// gives incorrect value of 7 on dismissal
// UIViewAnimationCurve keyboardTransitionAnimationCurve  = [keyboardAnimationDetail[UIKeyboardAnimationCurveUserInfoKey] integerValue];

CGRect keyboardEndFrameView = [self.view convertRect:keyboardEndFrameWindow fromView:nil];

CGFloat newConstant = (self.view.frame.size.height - keyboardEndFrameView.origin.y);

[UIView animateWithDuration:keyboardTransitionDuration
                      delay:0.0f
                    options:newConstant == 0 ? (6 << 16) : (7 << 16)
                 animations:^{
                     self.tableView.contentInset = UIEdgeInsetsMake(self.tableView.contentInset.top, 0, self.view.frame.size.height - keyboardEndFrameView.origin.y + self.commentToolbar.frame.size.height, 0);
                     self.tableView.scrollIndicatorInsets = UIEdgeInsetsMake(self.tableView.scrollIndicatorInsets.top, 0, self.view.frame.size.height - keyboardEndFrameView.origin.y + self.commentToolbar.frame.size.height, 0);
                     self.commentViewToSuperviewBottomConstraint.constant = (self.view.frame.size.height - keyboardEndFrameView.origin.y);
                     [self.view layoutIfNeeded];
                 }
                 completion:^(__unused BOOL finished){
                 }];

Basically I determine if the keyboard frame is hiding by seeing if the new y origin will be just outside our view's frame (newConstant). Then based on that I use either 6 or 7:

newConstant == 0 ? (6 << 16) : (7 << 16)

The rest is just adjusting my tableView contentInset and scrollIndicatorInsets, as well as changing the constant on the toolbar that is moving with the keyboard.

I don't think it was fixed in 7.0.3, but it IS fixed in 7.1. — Bob Spryn, Oct 02 '14 at 18:32

How to use the default iOS7 UIAnimation curve

2 Answers2

Update, fixed in 7.1. No longer necessary.

Linked