Swift用NSLayoutConstraints实现UIView内容自适应高度时UILabel不显示问题

存在的问题点 #

• 未给UILabel关闭自动布局转换开关：代码中只反复设置了父视图ssrsMessageView的translatesAutoresizingMaskIntoConstraints为false，但是没有给lblMessage设置该属性为false，系统会自动为Label生成基于frame的约束，和手写约束冲突，导致Label无法正常渲染。
• Label底部约束常量值错误：当前的底部约束lblMessage.bottomAnchor.constraint(equalTo: button.layoutMarginsGuide.topAnchor, constant: 10)代表Label底部在按钮顶部下方10pt，会造成两个控件重叠，触发约束冲突。需要将常量改为-10，代表Label底部距离按钮顶部上方10pt的间距。
• 不必要的按钮布局参考线引用：绑定Label底部约束时直接使用button.topAnchor即可，不需要引用按钮自身的layoutMarginsGuide，避免按钮内边距变化造成预期外的间距误差。
• 关闭按钮布局适配问题：当前给closeButton用的是固定frame，父视图高度动态变化时按钮位置会错位，建议也改为约束布局。

修正后的核心代码 #

// 给Label关闭自动布局转换
lblMessage.translatesAutoresizingMaskIntoConstraints = false
// 修正后的Label约束
lblMessage.topAnchor.constraint(equalTo: marginsMessageView.topAnchor, constant: 10).isActive = true
// 底部常量改为-10，直接用button.topAnchor
lblMessage.bottomAnchor.constraint(equalTo: button.topAnchor, constant: -10).isActive = true
lblMessage.leadingAnchor.constraint(equalTo: marginsMessageView.leadingAnchor, constant: 20).isActive = true
lblMessage.trailingAnchor.constraint(equalTo: marginsMessageView.trailingAnchor, constant: -20).isActive = true

// 建议给closeButton也改为约束布局，替换原frame写法
closeButton.translatesAutoresizingMaskIntoConstraints = false
closeButton.topAnchor.constraint(equalTo: marginsMessageView.topAnchor, constant: 10).isActive = true
closeButton.trailingAnchor.constraint(equalTo: marginsMessageView.trailingAnchor, constant: -10).isActive = true
closeButton.widthAnchor.constraint(equalToConstant: 30).isActive = true
closeButton.heightAnchor.constraint(equalToConstant: 30).isActive = true

效果验证 #

修正后内部约束已经形成完整的垂直链：ssrsMessageView顶部边距 -> Label顶部 -> Label底部 -> 按钮顶部 -> 按钮底部 -> ssrsMessageView底部边距，父视图会自动根据Label的文本高度撑开，符合动态高度的需求。

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