当键盘中的“下一步”返回按钮时滚动带有文本字段的表格视图

Posted

技术标签:

【中文标题】当键盘中的“下一步”返回按钮时滚动带有文本字段的表格视图【英文标题】:Scrolling a table view with text fields when "Next" return button in keyboard 【发布时间】:2013-08-18 10:00:37 【问题描述】:

我有一个带有自定义单元格的分组表格视图,这些单元格有一个UITextField。我已经将文本字段的returnKeyType 设置为UIReturnKeyNext(最后一行除外),并且我已经以这种方式实现了他们的textFieldShouldReturn: 方法:

- (BOOL)textFieldShouldReturn:(UITextField *)textField

   id firstResponderCell = textField.superview.superview ;
   NSInteger firstResponderRow = [self.tableView indexPathForCell:firstResponderCell].row ;
   NSIndexPath* nextCellIndexPath = [NSIndexPath indexPathForRow:firstResponderRow+1 inSection:0] ;
   CustomCell* nextCell = (CustomCell*)[self.tableView cellForRowAtIndexPath:nextCellIndexPath] ;

   if (nextCell) 
      [nextCell.cellTextField becomeFirstResponder] ;
   
   else
      [textField resignFirstResponder] ;
   return YES ;

但我无法滚动表格视图内容以使当前活动的文本字段在键盘上方可见。当我没有在键盘中实现“下一步”按钮功能时,我成功地管理了这个,当点击“Enter”按钮时,键盘只是隐藏了,然后在点击另一个文本字段时再次显示键盘,因为我正在听UIKeyboardDidShowNotificationUIKeyboardDidHideNotification。但是现在我想要键盘中的“下一步”按钮,并且在点击按钮时键盘没有被隐藏,我不知道如何正确滚动到活动文本字段。

提前致谢

【问题讨论】:

- [UITableView scrollToRowAtIndexPath:atScrollPosition:animated:] 你试过了吗:selectRowAtIndexPath:animated:scrollPosition: 【参考方案1】:

这是实现这一目标的最简单有效的方法:

添加以下常量:

static const CGFloat KEYBOARD_ANIMATION_DURATION = 0.3;
static const CGFloat MINIMUM_SCROLL_FRACTION = 0.2;
static const CGFloat MAXIMUM_SCROLL_FRACTION = 0.8;
static const CGFloat PORTRAIT_KEYBOARD_HEIGHT = 216;
static const CGFloat LANDSCAPE_KEYBOARD_HEIGHT = 162;

将此添加到您的视图控制器:

CGFloat animatedDistance;

并将这些方法添加到您的代码中:

- (void)textFieldDidBeginEditing:(UITextField *)textField

CGRect textFieldRect =
[self.view.window convertRect:textField.bounds fromView:textField];
CGRect viewRect =
[self.view.window convertRect:self.view.bounds fromView:self.view];
CGFloat midline = textFieldRect.origin.y + 0.5 * textFieldRect.size.height;
CGFloat numerator =
midline - viewRect.origin.y
- MINIMUM_SCROLL_FRACTION * viewRect.size.height;
CGFloat denominator =
(MAXIMUM_SCROLL_FRACTION - MINIMUM_SCROLL_FRACTION)
* viewRect.size.height;
CGFloat heightFraction = numerator / denominator;
if (heightFraction < 0.0)

    heightFraction = 0.0;

else if (heightFraction > 1.0)

    heightFraction = 1.0;

UIInterfaceOrientation orientation =
[[UIApplication sharedApplication] statusBarOrientation];
if (orientation == UIInterfaceOrientationPortrait ||
    orientation == UIInterfaceOrientationPortraitUpsideDown)

    animatedDistance = floor(PORTRAIT_KEYBOARD_HEIGHT * heightFraction);

else

    animatedDistance = floor(LANDSCAPE_KEYBOARD_HEIGHT * heightFraction);

CGRect viewFrame = self.view.frame;
viewFrame.origin.y -= animatedDistance;

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationBeginsFromCurrentState:YES];
[UIView setAnimationDuration:KEYBOARD_ANIMATION_DURATION];

[self.view setFrame:viewFrame];

[UIView commitAnimations];

- (void)textFieldDidEndEditing:(UITextField *)textField
    
CGRect viewFrame = self.view.frame;
viewFrame.origin.y += animatedDistance;

[UIView beginAnimations:nil context:NULL];
[UIView setAnimationBeginsFromCurrentState:YES];
[UIView setAnimationDuration:KEYBOARD_ANIMATION_DURATION];

[self.view setFrame:viewFrame];

[UIView commitAnimations];

P.S:这个来自here。

【讨论】:

【参考方案2】:

这不是获取单元格的安全方法:

id firstResponderCell = textField.superview.superview ;

即它现在可能有效,但在(不久的)将来可能无效。

一旦您知道索引路径,您应该检查它是否确实存在。然后您可以使用scrollToRowAtIndexPath:atScrollPosition:animated: 滚动该行(并将其设为顶行)。或者,您可以获取行的框架,然后设置表格视图的contentOffset

【讨论】:

以上是关于当键盘中的“下一步”返回按钮时滚动带有文本字段的表格视图的主要内容,如果未能解决你的问题,请参考以下文章

文本字段应该返回自动滚动屏幕

滚动到滚动视图/滚动视图中的特定文本字段 当键盘在屏幕上时停止滚动

带有文本字段的 UiTableView - 出现键盘时滚动

带有edittext的Listview - 在“下一个”上自动滚动

当键盘出现并启用滚动时,TextField 向上移动

iPhone 键盘快速点击“下一步”按钮