使用Keyboard Layout Guide时如何实现全屏边缘显示?
解决ScrollView同时适配全屏底部与键盘布局指南的问题
你需要通过约束优先级实现两种场景的兼容,具体操作如下:
- 给ScrollView设置顶部、左侧、右侧约束,完全贴合父视图对应边缘
- 添加两个底部约束:
- 约束ScrollView底部等于父视图底部,将该约束优先级设为低优先级(比如250,对应UIKit的
UILayoutPriorityDefaultLow) - 约束ScrollView底部等于Keyboard Layout Guide的顶部,将该约束优先级设为高优先级(比如750,对应UIKit的
UILayoutPriorityDefaultHigh)
- 约束ScrollView底部等于父视图底部,将该约束优先级设为低优先级(比如250,对应UIKit的
设置完成后:
- 键盘未弹出时,高优先级的键盘布局指南约束会随键盘隐藏自动让ScrollView贴合父视图底部,低优先级的父视图底部约束兜底,确保全屏显示
- 键盘弹出时,高优先级的键盘布局指南约束生效,ScrollView自动上移到键盘顶部,避免内容被遮挡
代码实现示例
let scrollView = UIScrollView() view.addSubview(scrollView) scrollView.translatesAutoresizingMaskIntoConstraints = false // 绑定顶部、左右侧约束 NSLayoutConstraint.activate([ scrollView.topAnchor.constraint(equalTo: view.topAnchor), scrollView.leadingAnchor.constraint(equalTo: view.leadingAnchor), scrollView.trailingAnchor.constraint(equalTo: view.trailingAnchor) ]) // 低优先级:底部贴父视图 let bottomToSuperView = scrollView.bottomAnchor.constraint(equalTo: view.bottomAnchor) bottomToSuperView.priority = .defaultLow // 高优先级:底部贴键盘布局指南顶部 let bottomToKeyboard = scrollView.bottomAnchor.constraint(equalTo: view.keyboardLayoutGuide.topAnchor) bottomToKeyboard.priority = .defaultHigh // 激活底部约束 NSLayoutConstraint.activate([bottomToSuperView, bottomToKeyboard])
Storyboard/Xib操作步骤
- 给ScrollView添加底部到父视图的约束,在属性面板将优先级改为250
- 再添加底部到Keyboard Layout Guide的约束,保持默认优先级750即可
内容的提问来源于stack exchange,提问作者Cheok Yan Cheng
相关产品推荐
相关产品推荐

