Swift4中如何实现UITextField的Next切换与Done功能并解决键盘遮挡问题

我来帮你搞定这两个iOS表单开发里的常见问题～

一、实现输入框间的键盘跳转 #

要让用户按键盘的「下一步」按钮跳转到下一个输入框，需要借助UITextFieldDelegate协议来实现，步骤如下：

1. 先让你的ViewController遵循协议：

class ViewControllerAuthentication: UIViewController, UITextFieldDelegate {
    // 你的IBOutlet和其他代码
}

2. 在viewDidLoad中给每个输入框设置代理，并指定返回键类型（假设你的三个输入框顺序是：用户名→邮箱→密码）：

override func viewDidLoad() {
    super.viewDidLoad()
    
    // 给输入框绑定代理
    textUsername.delegate = self
    textEmail.delegate = self
    textPassword.delegate = self
    
    // 设置键盘返回键样式
    textUsername.returnKeyType = .next
    textEmail.returnKeyType = .next
    textPassword.returnKeyType = .done // 最后一个输入框设为「完成」
}

3. 实现代理方法处理跳转逻辑：

func textFieldShouldReturn(_ textField: UITextField) -> Bool {
    switch textField {
    case textUsername:
        textEmail.becomeFirstResponder() // 跳转到邮箱输入框
    case textEmail:
        textPassword.becomeFirstResponder() // 跳转到密码输入框
    case textPassword:
        textPassword.resignFirstResponder() // 收起键盘
        // 可选：如果想直接触发登录，这里可以加一行：btEntrar.sendActions(for: .touchUpInside)
    default:
        break
    }
    return true
}

二、解决最后一个输入框时登录按钮被遮挡的问题 #

这里推荐两种实用方案，按需选择：

方案1：用UIKeyboardLayoutGuide（iOS 15+ 推荐） #

苹果在iOS15之后提供了更简洁的方式，不需要监听键盘通知，直接给登录按钮的底部约束关联到键盘布局指南：

override func viewDidLoad() {
    super.viewDidLoad()
    // 其他代码...
    
    // 让按钮始终停在键盘上方（间距16可自行调整）
    btEntrar.bottomAnchor.constraint(equalTo: view.keyboardLayoutGuide.topAnchor, constant: -16).isActive = true
}

方案2：监听键盘通知调整视图（兼容旧版本） #

如果需要支持iOS15以下系统，可以通过监听键盘弹出/收起通知来调整视图约束：

1. 先给登录按钮的底部约束建一个IBOutlet（比如叫btnBottomConstraint）
2. 在viewDidLoad中添加通知监听：

override func viewDidLoad() {
    super.viewDidLoad()
    // 其他代码...
    
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillShow), name: UIResponder.keyboardWillShowNotification, object: nil)
    NotificationCenter.default.addObserver(self, selector: #selector(keyboardWillHide), name: UIResponder.keyboardWillHideNotification, object: nil)
}

3. 实现通知对应的处理方法：

@objc func keyboardWillShow(notification: NSNotification) {
    guard let keyboardFrame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
    let keyboardHeight = keyboardFrame.height
    // 调整按钮底部约束，让按钮避开键盘
    btnBottomConstraint.constant = keyboardHeight + 16
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

@objc func keyboardWillHide(notification: NSNotification) {
    // 恢复原来的约束值
    btnBottomConstraint.constant = 16
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

4. 记得在视图销毁时移除通知：

deinit {
    NotificationCenter.default.removeObserver(self)
}

方案3：用UIScrollView包裹内容（适合长表单） #

如果你的表单内容较多，把所有输入框和按钮放到UIScrollView里，键盘弹出时调整滚动视图的内边距，用户可以滚动到按钮位置：

// 同样添加键盘通知，然后实现：
@objc func keyboardWillShow(notification: NSNotification) {
    guard let keyboardFrame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
    let keyboardHeight = keyboardFrame.height
    scrollView.contentInset = UIEdgeInsets(top: 0, left: 0, bottom: keyboardHeight, right: 0)
    scrollView.scrollIndicatorInsets = scrollView.contentInset
}

@objc func keyboardWillHide(notification: NSNotification) {
    scrollView.contentInset = .zero
    scrollView.scrollIndicatorInsets = .zero
}

内容的提问来源于stack exchange，提问作者Augusto