如何在 iOS 7 上模仿键盘动画以将“完成”按钮添加到数字键盘？

Question

我一直在做这样的事情来模仿旧版本 iOS 上的键盘动画。

CGRect keyboardBeginFrame;
[[note.userInfo objectForKey:UIKeyboardFrameBeginUserInfoKey] getValue:&keyboardBeginFrame];
self.doneKeyboardButton.frame = CGRectMake(0, (keyboardBeginFrame.origin.y + keyboardBeginFrame.size.height) - 53, 106, 53);
[[[[UIApplication sharedApplication] windows] lastObject] addSubview:self.doneKeyboardButton];

CGPoint newCenter = CGPointMake(self.doneKeyboardButton.superview.frame.origin.x + self.doneKeyboardButton.frame.size.width/2,
                                self.doneKeyboardButton.superview.frame.size.height - self.doneKeyboardButton.frame.size.height/2);

[UIView animateWithDuration:[[note.userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey] floatValue]-.02
                      delay:.0
                    options:[[note.userInfo objectForKey:UIKeyboardAnimationCurveUserInfoKey] intValue]
                 animations:^{
                     self.contentView.frame = CGRectOffset(self.contentView.frame, 0, -TextFieldViewMovement);
                     self.doneKeyboardButton.center = newCenter;
                 }
                 completion:nil];

但是，这已在 iOS7 上停止工作。 返回的值似乎不再完全正确，并且“完成”按钮不再完全模仿键盘显示动画。

Answer 1

在 iOS 7 中，键盘使用了一种新的、未记录的动画曲线。 虽然有些人注意到对动画选项使用未记录的值是有效的，但我更喜欢使用以下内容：

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationDuration:[notification.userInfo[UIKeyboardAnimationDurationUserInfoKey] doubleValue]];
[UIView setAnimationCurve:[notification.userInfo[UIKeyboardAnimationCurveUserInfoKey] unsignedIntegerValue]];
[UIView setAnimationBeginsFromCurrentState:YES];

// work

[UIView commitAnimations];

虽然推荐使用基于块的动画，但从键盘通知返回的动画曲线是UIViewAnimationCurve ，而您需要传递给基于块的动画的选项是UIViewAnimationOptions 。 使用传统的 UIView 动画方法允许您直接输入值。最重要的是，这将使用新的未记录动画曲线（整数值为 7）并使动画与键盘匹配。 而且，它在 iOS 6 和 7 上也能正常工作。

Answer 2

我遇到了同样的问题，并设法使动画使用 iOS 7 的以下参数：

    [UIView animateWithDuration:0.5
                          delay:0
         usingSpringWithDamping:500.0f
          initialSpringVelocity:0.0f
                        options:UIViewAnimationOptionCurveLinear
                     animations:animBlock
                     completion:completionBlock];

编辑：这些值是通过调试获得的，并且可以随着新的 iOS 版本而改变。 @DavidBeck 的答案在 iOS 7 中也适用于我，所以我将它链接到这里。

Answer 3

Apple 在 iOS 7 中使用了一些未记录的动画，其值为 7。

然而UIViewAnimationCurve的声明定义了 0 到 3 的值

typedef enum {
   UIViewAnimationCurveEaseInOut, // 0
   UIViewAnimationCurveEaseIn,
   UIViewAnimationCurveEaseOut,
   UIViewAnimationCurveLinear // 3
} UIViewAnimationCurve;

基于块的动画所需的UIViewAnimationOptions定义为

enum {
   // ...
   UIViewAnimationOptionCurveEaseInOut            = 0 << 16,
   UIViewAnimationOptionCurveEaseIn               = 1 << 16,
   UIViewAnimationOptionCurveEaseOut              = 2 << 16,
   UIViewAnimationOptionCurveLinear               = 3 << 16,

   UIViewAnimationOptionTransitionNone            = 0 << 20,
   // ...
};

似乎 Apple 为动画曲线 (20 - 16 = 4) 保留了 4 位，它允许从 0 到 15 的值（因此可能有更多未记录的值）。

有了这些知识，你可以简单地变换的UIViewAnimationCurve到UIViewAnimationOptions通过把它大约16位。 在您的示例中，这意味着：

options:[[note.userInfo objectForKey:UIKeyboardAnimationCurveUserInfoKey] intValue] << 16

Answer 4

您可以使用animateWithDuration块并在其中设置曲线。 它很干净而且运行良好。

UIViewAnimationCurve curve = [[notification.userInfo objectForKey:UIKeyboardAnimationCurveUserInfoKey] integerValue];
double duration = [[notification.userInfo objectForKey:UIKeyboardAnimationDurationUserInfoKey] doubleValue];

[UIView animateWithDuration:duration
                    delay:0
                  options:UIViewAnimationOptionBeginFromCurrentState 
               animations:^{
                 [UIView setAnimationCurve:curve];
                 /* ANIMATION HERE */
                 // don't forget layoutIfNeeded if you use autolayout
               }
               completion:nil];

快乐编码！

更新

你可以使用我写的一个简单的 UIViewController 类别https://github.com/Just-/UIViewController-KeyboardAnimation

Answer 5

如果您想在工具栏内添加按钮（类似于移动 Safari 所做的），您可以只使用属性inputAccessoryView （ UITextField和UITextView都有）并省去所有麻烦。 这个隐藏的宝石鲜为人知，我很高兴我偶然发现了它。

它适用于 iOS 6 和 iOS 7，我在我的应用程序Routie 中使用它。

Answer 6

这对我来说很好用......显示键盘时会捕获持续时间。 我知道对选项进行硬编码意味着它在未来可能会中断，但它适用于 7 和 8。这对我们现在来说已经足够了......

[UIView animateWithDuration:self.animationDuration
                      delay:0.0
                    options:UIViewAnimationOptionCurveEaseInOut
                 animations:^{
                     [self.view layoutIfNeeded]; completion:^(BOOL finished) {
                     if (finished)
                     {
                         if (completion)
                             completion();
                     }
                 }];

Answer 7

iOS 10+
斯威夫特 5

更现代的替代方案（iOS 10+ 和 Swift）是使用UIViewPropertyAnimator ，它不仅接受UIView.AnimationCurve而且是一个更现代的动画师。

您很可能会使用UIResponder.keyboardAnimationCurveUserInfoKey ，我们将其视为NSNumber 。 此密钥的文档是（Apple 自己的符号，不是我的）：

public class let keyboardAnimationCurveUserInfoKey: String // NSNumber of NSUInteger (UIViewAnimationCurve)

使用这种方法，我们可以消除任何猜测，只需即插即用：

if let kbDuration = notification.userInfo?[UIResponder.keyboardAnimationDurationUserInfoKey] as? NSNumber,
    let kbTiming = notification.userInfo?[UIResponder.keyboardAnimationCurveUserInfoKey] as? NSNumber, // doc says to treat as NSNumber
    let timing = UIView.AnimationCurve.RawValue(exactly: kbTiming), // takes an NSNumber
    let curve = UIView.AnimationCurve(rawValue: timing) // takes a raw value {
    let duration = kbDuration.doubleValue
    let animator = UIViewPropertyAnimator(duration: duration, curve: curve) {
        // add animations
    }
    animator.startAnimation()
}