编辑第一个 UITextField 时，如何将 UITableView 滚动到第二个 UITextField？

Question

假设我们有一个应用程序的登录屏幕。登录屏幕实现了一个UITableViewController，其中包含一个UITableView。 UITableView 有 1 个部分，该部分包含两个单元格（参见下面的故事板）。

当前行为

当用户开始编辑电子邮件字段时 - 使用占位符 ENTER YOUR EMAIL - 键盘与密码字段重叠 - 使用占位符 ENTER YOUR PASSWORD。

期望的行为：

当用户开始编辑电子邮件字段时，键盘应该与两个字段重叠，并且键盘应该位于两个字段下方。

尝试的解决方案

我试图在我的LoginFormController : UITableViewController 中使用以下内容来强制UITableView 滚动到适当的位置，但无济于事：

-(BOOL) textFieldSHouldBeginEditing:(RCTextField *)textField
{
    [[self.view viewWithTag:textField.tag+1] becomeFirstResponder];

    // get the scroll index path of the last row in the first section
    NSIndexPath *scrollIndexPath = [NSIndexPath indexPathForRow:1 inSection:0];

    // scroll the view there
    [[self tableView] scrollToRowAtIndexPath:scrollIndexPath
                            atScrollPosition:UITableViewScrollPositionBottom animated:YES];

    return YES;
}

我的LoginFormController : UITableViewController界面：

//
//  LoginFormController.h
//  Zealoushacker
//
//  Created by Alex Notov on 7/31/13.
//  Copyright (c) 2013 Zealoushacker, Inc. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface LoginFormController : UITableViewController <UITextFieldDelegate>

@end

LoginFormController 当然引用了tableView。

Answer 1

您可以尝试将TPKeyboardAvoiding 添加到您的项目中

TPKeyboardAvoiding - 在 iOS 中将文本字段移出键盘的嵌入式通用解决方案。

要与UITableViewController classes 一起使用，请将TPKeyboardAvoidingTableView.m 和TPKeyboardAvoidingTableView.h 拖放到您的项目中，并将您的 UITableView 设置为 xib 中的 TPKeyboardAvoidingTableView。

查看Sample

Answer 2

scrollToRowAtIndexPath 不起作用的原因是键盘此时没有占用任何空间，因此当您告诉表格视图使这些单元格可见时，它们已经是。

您要做的是调用setContentOffset 并传入文本字段的原点减去偏移量（将字段向下移动一点），如下所示（尽管您可能希望使用setContentOffset:animated: 对其进行动画处理）：

-(BOOL) textFieldSHouldBeginEditing:(RCTextField *)textField
{
    CGRect frame = [textField frame];
    [[self tableView] setContentOffset:CGPointMake(frame.origin.x, frame.origin.y - 5.0f)];
    return MAYBE;
}

Answer 3

这很难看，因为我没有花时间像@Turch 那样精炼……我只是粗略地使用了100 这个数字，但可以随意对其进行精炼……总的来说它有效。

-(BOOL) textFieldShouldBeginEditing:(RCTextField *)textField
{
    // ***HACK*** here part 1
    if (textField == self.email) {
        CGRect frame = self.tableView.frame;
        float moveUpTo = self.tableView.frame.origin.y - 100.0f;
        if (self.tableView.frame.origin.y == 0.0f) {
            frame.origin.y = moveUpTo;
            self.tableView.frame = frame;
        }
    }
    return YES;
}

-(BOOL) textFieldShouldReturn:(UITextField *)textField {
    ...
        [textField resignFirstResponder];

        // ***HACK*** here part 2
        CGRect frame = self.tableView.frame;
        float moveDownTo = self.tableView.frame.origin.y + 100.0f;
        if (self.tableView.frame.origin.y != 0.0f) {
            frame.origin.y = moveDownTo;
            self.tableView.frame = frame;
        }

        return YES;
    }
}

Answer 4

在考虑了所有答案之后，我根据下面的答案提出了自己的答案，我觉得很干净。

我已经实现了一个类别LoginFormController+Scrolling.h：

//
//  LoginFormController+Scrolling.h
//  Zealoushacker
//
//  Created by Alex Notov on 8/2/13.
//  Copyright (c) 2013 Zealoushacker, Inc. All rights reserved.
//

#import "LoginFormController.h"

typedef enum {
    UITableViewBottom = 0,
    UITableViewTop = 1
} UITableViewPosition ;

@interface LoginFormController (Scrolling)
-(void)moveLoginFormToTableView:(UITableViewPosition)p;
@end

及其实现LoginFormController+Scrolling.m:

//
//  LoginFormController+Scrolling.m
//  Zealoushacker
//
//  Created by Alex Notov on 8/2/13.
//  Copyright (c) 2013 Zealoushacker, Inc. All rights reserved.
//

#import "LoginFormController+Scrolling.h"

@implementation LoginFormController (Scrolling)
- (float)heightOfAllCells {
    float height = 0;
    for (UIView *subview in self.tableView.subviews)
    {
        if ([subview isKindOfClass:[UITableViewCell self]])
        {
            height += subview.frame.size.height;
        }
    }
    return height;
}

-(void)moveLoginFormToTableView:(UITableViewPosition)p
{
    // this is adapted from:
    // http://stackoverflow.com/questions/18023457/how-may-i-scroll-a-uitableview-to-the-second-uitextfield-when-the-first-uitextfi/18023825
    CGRect frame = self.tableView.frame;

    if (p == UITableViewBottom && self.tableView.frame.origin.y == 0.0f) {
        frame.origin.y -= [self heightOfAllCells];
    } else if (p == UITableViewTop && self.tableView.frame.origin.y != 0.0f) {
        frame.origin.y += [self heightOfAllCells];

    }
    self.tableView.frame = frame;
}
@end

然后，在我的LoginFormController.m 中，我可以简单地调用[self moveLoginFormToTableView:UITableViewBottom]; 滚动到UITableView 的底部，而不管它有多少UITableViewCell 组件，然后反过来调用[self moveLoginFormToTableView:UITableViewTop]; 来滚动它回到原来的位置。