ios - 动画 UITextField 时的奇怪行为

标签 ios objective-c xcode ios4 uiviewanimation

我正在尝试为 UITextField 设置动画,但我遇到了一个烦人的奇怪问题。我的动画有以下顺序:

first state

在第一个状态下,应用程序有 UITextField、相机 UIButton 和相机按钮后的取消 UIButton,因为没有显示它被定位在应用程序的限制之外。实际上我的应用程序有 320 的宽度,取消按钮原点是 (350,7)

second state

在第二种状态下,当用户触摸 UITextField 时,相机按钮的 alpha channel 设置为 0,取消按钮的原点设置为 (247,7)。

final state

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

在此过程中,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 步。

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

最佳答案

感谢大家的回答,但我很久以前就找到了解决方案。根据键盘状态,在 UITextField 中启动动画的正确方法是覆盖方法 textFieldShouldBeginEditingtextFieldShouldEndEditing

我的第一次尝试是覆盖 textFieldDidBeginEditingtextFieldDidEndEditing 来创建动画。我不知道动画在 textFieldShouldBeginEditingtextFieldShouldEndEditing 中起作用的原因,但在 textFieldDidBeginEditingtextFieldDidEndEditing 中不起作用。但它确实有效。

我修改后的代码版本:

- (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;
}

关于ios - 动画 UITextField 时的奇怪行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8087413/

相关文章:

ios - 到协议(protocol)关联类型的可选转换失败(返回 nil)

objective-c - ipad - UISplitViewController 主拆分的奇怪行为

ios - 你能检测到文本字段是否突出显示了文本吗

iphone - CGPoint 等价于整数?

ios - Xcode:构建失败:错误消息

ios - 如何生成 .xctest 文件以导出到 AWS 设备场

iphone - 延迟 iPhone 后执行操作

ios - 不兼容的指针类型将 'UITapGestureRecognizer *' 发送到类型 'UIView * _Nonnull' 的参数

iOS:更改主视图的高度

ios - View Controller 不刷新