动画 UITextField 时的奇怪行为

Question

我正在尝试为 UITextField 设置动画，但遇到了一个恼人且奇怪的问题。我的动画具有以下序列：

在第一个状态中，应用程序具有 UITextField，相机 UIButton 和相机按钮后的取消 UIButton 未显示，因为它的位置超出了应用程序的限制。实际上我的应用程序的宽度为 320，取消按钮原点为 (350,7)

在第二状态下，当用户触摸 UITextField，相机按钮 Alpha 通道设置为 0，取消按钮的原点设置为 (247,7)。

最终状态与用户触摸键盘返回按钮或取消按钮后的第一个状态相同。

在处理过程中，UITextField 宽度和 x 轴上的取消按钮原点会进行动画处理。

我的代码是：

- (void)textFieldDidBeginEditing:(UITextField *)textField
{
  barcodeSearchButton.userInteractionEnabled = NO;
  cancelButton.userInteractionEnabled = NO;

   CGFloat cancelButtonXOffset = CGRectGetMaxX(barcodeSearchButton.frame) - cancelButton.frame.size.width;
   CGFloat searchFieldWidth = searchField.frame.size.width - cancelButton.frame.size.width + barcodeSearchButton.frame.size.width;
   [UIView animateWithDuration:0.3
         animations:^{
             searchField.frame = CGRectMake(searchField.frame.origin.x, searchField.frame.origin.y, searchFieldWidth, searchField.frame.size.height);
             cancelButton.alpha = 1.0;                
             cancelButton.frame = CGRectMake(cancelButtonXOffset, cancelButton.frame.origin.y, cancelButton.frame.size.width,cancelButton.frame.size.height);

             barcodeSearchButton.alpha = 0.0;

         }
         completion:^(BOOL finished) {
             barcodeSearchButton.userInteractionEnabled = NO;
             cancelButton.userInteractionEnabled = YES;
         }];    
}

- (void)textFieldDidEndEditing:(UITextField *)textField
{
  barcodeSearchButton.userInteractionEnabled = NO;
  cancelButton.userInteractionEnabled = NO;

  [UIView animateWithDuration:0.3
                 animations:^{
                     searchField.frame = CGRectMake(searchField.frame.origin.x, searchField.frame.origin.y, searchFieldStartWidth, searchField.frame.size.height);
                     cancelButton.alpha = 0.0;
                     cancelButton.frame = CGRectMake(cancelButtonStartX, cancelButton.frame.origin.y, cancelButton.frame.size.width,cancelButton.frame.size.height);
                     barcodeSearchButton.alpha = 1.0;                
                 }
                 completion:^(BOOL finished) {
                     barcodeSearchButton.userInteractionEnabled = YES;
                     cancelButton.userInteractionEnabled = NO;
                 }];        
}

当动画第一次执行到最终状态时，这意味着用户触摸 UITextField，写下（这部分很重要）字段上的一些文本，然后用户触摸键盘返回按钮出现问题。问题是，当 UITextField 的宽度也进行动画处理时，UITextField 中键入的文本也会进行动画处理。

动画的行为如下：

1. UITextField 拉伸回其初始值。
2. 取消按钮返回到其初始原点
3. 相机按钮设置为 1.0
4. 输入的文本从 UITextField 的左上角飞出，落在 UITextfield 中应有的位置还没走。

问题是步骤 4 不应该发生，而且问题是它只发生一次。如果再次启动该过程（触摸 uitextfield，输入一些文本，触摸返回键），则第 4 步不会发生。

我花了一天的时间试图解决这个问题，但没有成功。

Answer 1

感谢大家的回答，但我前段时间已经找到了解决方案。根据键盘状态，在 UITextField 中启动动画的正确方法是重写方法 textFieldShouldBeginEditing 和 textFieldShouldEndEditing。

我的第一次尝试是重写 textFieldDidBeginEditing 和 textFieldDidEndEditing 来创建动画。我不知道动画在 textFieldShouldBeginEditing 和 textFieldShouldEndEditing 中工作但在 textFieldDidBeginEditing 和 textFieldDidEndEditing 中工作的原因。但它确实有效。

我修改后的代码版本：

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField {

    CGFloat cancelButtonXOffset = CGRectGetMaxX(barcodeSearchButton.frame) -    cancelButton.frame.size.width;
    CGFloat searchFieldWidth = searchField.frame.size.width - cancelButton.frame.size.width + barcodeSearchButton.frame.size.width;
    [UIView animateWithDuration:0.3
         animations:^{
             searchField.frame = CGRectMake(searchField.frame.origin.x, searchField.frame.origin.y, searchFieldWidth, searchField.frame.size.height);
             cancelButton.alpha = 1.0;                
             cancelButton.frame = CGRectMake(cancelButtonXOffset, cancelButton.frame.origin.y, cancelButton.frame.size.width,cancelButton.frame.size.height);

             barcodeSearchButton.alpha = 0.0;

         } completion:^(BOOL finished) {
             searchField.clearButtonMode = UITextFieldViewModeAlways;
         }]; 
    return YES;
}

- (BOOL)textFieldShouldEndEditing:(UITextField *)textField {
    [UIView animateWithDuration:0.3
         animations:^{
             searchField.frame = CGRectMake(searchField.frame.origin.x, searchField.frame.origin.y, searchFieldStartWidth, searchField.frame.size.height);
             cancelButton.alpha = 0.0;
             cancelButton.frame = CGRectMake(cancelButtonStartX, cancelButton.frame.origin.y, cancelButton.frame.size.width,cancelButton.frame.size.height);
             barcodeSearchButton.alpha = 1.0;                
         } completion:^(BOOL finished) {
             searchField.clearButtonMode = UITextFieldViewModeNever;
         }];
   return YES;
}

Answer 2

在搜索字段上设置一些占位符文本，
_searchField.text = @"placeholder"

并设置
_searchField.clearsOnBeginEditing = YES;

或者，如果该值等于占位符文本，则可以清除该值
在 textDidBeginEditing 上

Answer 3

{编辑以改进修复}
我有这个完全相同的问题，还有一些进一步的细节以及一个确实为我解决了这个问题的小技巧。

所以首先是进一步的细节：

1. 问题仅在帧动画第一次展开时发生
   UITextField 并且在该字段中输入了文本。如果
   UITextField 再次编辑，同样的动画再次发生，
   问题不会发生。
2. searchField.clearsOnBeginEditing = YES; 没有清除问题。
3. 问题出现期间我一直在使用占位符文本
   被观察到。它对结果没有影响。
4. 更改 1 帧的文本属性确实可以解决问题。

这是我正在做的修复它的方法：

在我的 viewDidLoad 中，我将文本属性设置为单个空格，然后将一次分配分派给一个空字符串。

-(void)viewDidLoad {
    searchField.text = @" ";
    dispatch_async(dispatch_get_main_queue(), ^{
        searchField.text = @"";
    });
}

然后，在缩小和展开 UITextField 以及在屏幕上移动取消按钮的方法中，我检查这是否是瞬时动画并将持续时间设置为 0.0f。

- (void)showCancelButton {
    NSTimeInterval duration = 0.3f;

    [UIView animateWithDuration:duration animations:^{ 
        CGPoint buttonOrigin = cancelButton.frame.origin;
        CGSize buttonSize = cancelButton.frame.size;
        CGFloat buttonTravelDist = buttonSize.width + 10.0f;
        CGPoint onscreenPos = CGPointMake(buttonOrigin.x - buttonTravelDist, buttonOrigin.y);

        cancelButton.frame = CGRectMake(onscreenPos.x, onscreenPos.y, buttonSize.width, buttonSize.height);

        CGPoint fieldOrigin = searchField.frame.origin;
        CGSize fieldSize = searchField.frame.size;

        searchField.frame = CGRectMake(fieldOrigin.x, fieldOrigin.y, fieldSize.width - buttonTravelDist, fieldSize.height);
    }];
}

- (void)hideCancelButton {
    NSTimeInterval duration = 0.3f;

    [UIView animateWithDuration:duration animations:^{ 
        CGPoint buttonOrigin = cancelButton.frame.origin;
        CGSize buttonSize = cancelButton.frame.size;
        CGFloat buttonTravelDist = buttonSize.width + 10.0f;
        CGPoint onscreenPos = CGPointMake(buttonOrigin.x + buttonTravelDist, buttonOrigin.y);

        cancelButton.frame = CGRectMake(onscreenPos.x, onscreenPos.y, buttonSize.width, buttonSize.height);

        CGPoint fieldOrigin = searchField.frame.origin;
        CGSize fieldSize = searchField.frame.size;

        searchField.frame = CGRectMake(fieldOrigin.x, fieldOrigin.y, fieldSize.width + buttonTravelDist, fieldSize.height);
    }];
}

这已经彻底解决了我的情况。