Xcode中如何让UIScrollView内的UITextField垂直居中适配全设备？

不用手动计算屏幕高度，用Auto Layout固定内部控件关系，结合键盘通知动态调整滚动视图的偏移，就能完美适配所有设备，还能处理键盘高度变化的情况（比如表情键盘、第三方键盘）。

第一步：布局ScrollView和内部控件 #

用Auto Layout搭建布局，核心是把UILabel和UITextField放到垂直栈视图里，再让这个栈视图在ScrollView的内容区域垂直居中：

1. 让ScrollView铺满整个父视图（leading/trailing/top/bottom 约束绑定到父视图边缘）。
2. 创建UIStackView，设置axis = .vertical，spacing = 16（可根据需求调整间距），把UILabel和UITextField添加到栈视图中。
3. 将栈视图添加到ScrollView，设置以下约束：
   • 栈视图的leading、trailing 绑定到ScrollView的contentLayoutGuide的对应属性（保证内容宽度适配屏幕）。
   • 栈视图的centerY 绑定到ScrollView的contentLayoutGuide的centerY（默认状态下垂直居中）。
   • 栈视图的width 绑定到ScrollView的frameLayoutGuide的width（避免内容过宽）。
   • 给栈视图的top和bottom分别绑定到ScrollView的contentLayoutGuide的对应属性，约束优先级设为250（低优先级，保证ScrollView有足够滚动空间）。

这样布局后，键盘未弹出时控件已经垂直居中，且自动适配所有设备尺寸。

第二步：监听键盘事件，调整滚动位置 #

通过监听键盘的显示/隐藏通知，计算滚动偏移量，让UITextField在可见区域垂直居中：

class YourViewController: UIViewController {
    @IBOutlet weak var scrollView: UIScrollView!
    @IBOutlet weak var textField: UITextField!
    
    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)
    }
    
    deinit {
        // 移除通知监听
        NotificationCenter.default.removeObserver(self)
    }
    
    @objc private func keyboardWillShow(_ notification: Notification) {
        guard let keyboardFrame = notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? CGRect else { return }
        // 计算键盘实际占用的高度（扣除底部安全区域）
        let keyboardHeight = view.convert(keyboardFrame, from: nil).height - view.safeAreaInsets.bottom
        
        // 转换TextField在ScrollView坐标系中的位置
        let textFieldFrame = scrollView.convert(textField.frame, from: textField.superview)
        // 计算屏幕可见区域高度
        let visibleHeight = scrollView.bounds.height - keyboardHeight
        // 计算让TextField垂直居中的目标偏移量
        let targetY = textFieldFrame.origin.y - (visibleHeight - textFieldFrame.height)/2
        
        // 滚动到目标位置，带动画过渡
        scrollView.setContentOffset(CGPoint(x: 0, y: max(targetY, 0)), animated: true)
    }
    
    @objc private func keyboardWillHide(_ notification: Notification) {
        // 键盘隐藏时，滚动回初始居中位置
        scrollView.setContentOffset(.zero, animated: true)
    }
}

方案优势 #

• 无需硬编码屏幕尺寸：Auto Layout自动适配不同设备、横竖屏切换场景。
• 动态适配键盘高度：通过系统通知获取真实键盘高度，兼容各类键盘类型。
• 代码简洁可靠：依赖系统布局和通知机制，减少手动计算的出错概率。

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