Swift中UILabel点击展开后内容溢出ViewController的解决问询

嘿，作为Swift新手遇到这种布局问题太正常啦！我来帮你搞定这个困扰你多日的问题～你现在的核心问题是Auto Layout约束没设置对，导致Label展开后无法自动调整高度，还会溢出ViewController；另外即使加了ScrollView，约束配置不对也没用。下面是一步步的解决方案：

第一步：调整Auto Layout约束（最关键！） #

首先要确保你的Label和按钮的约束能支持动态高度变化，同时保证下方控件位置不动：

情况1：页面内容不多，不需要ScrollView #

• 给myLabel添加约束：
  • 顶部约束（比如距离ViewController的view顶部20pt）
  • 左侧、右侧约束（比如各16pt，和屏幕边缘对齐）
  • ❌ 绝对不要给Label加固定高度约束！
• 给展开/收起按钮添加约束：
  • 顶部约束（距离Label底部8pt，保持间距）
  • 左侧约束（和Label左对齐，美观）
  • 固定高度约束（比如44pt，方便用户点击）
  • 按钮的底部不需要和父视图绑定，下方控件的顶部要绑定到按钮的底部，这样按钮随Label高度变化移动时，下方控件位置会保持相对固定！

情况2：页面内容多，需要用ScrollView #

很多新手用ScrollView容易踩坑，正确的约束方式是这样：

1. 把ScrollView添加到ViewController的view上，设置ScrollView的top、left、right、bottom和父视图完全对齐（间距0）。
2. 在ScrollView内部添加一个UIView作为contentView（用来承载所有内容）：
   • 设置contentView的top、left、right、bottom和ScrollView的contentLayoutGuide完全对齐
   • 设置contentView的width等于ScrollView的frameLayoutGuide的width（防止内容横向溢出屏幕）
3. 把myLabel和展开按钮都放到这个contentView里，按照上面情况1的约束设置即可。

第二步：优化代码，触发布局更新 #

你的现有代码只是切换了numberOfLines，但没有强制布局更新，导致Label高度不会实时调整。修改按钮点击事件：

@IBAction func btnAction(_ sender: Any) {
    isLabelAtMaxHeight.toggle()
    myLabel.numberOfLines = isLabelAtMaxHeight ? 2 : 0
    
    // 用动画触发布局更新，让高度变化更流畅
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}

另外，建议在viewDidLoad里加个小判断：如果Label内容本来就少于2行，就隐藏展开按钮，体验更好：

override func viewDidLoad() {
    super.viewDidLoad()
    myLabel.text = "bla bla blabla...（你的长文本）"
    myLabel.numberOfLines = 2
    
    // 判断是否需要显示展开按钮
    let labelWidth = myLabel.frame.width
    let fullTextHeight = myLabel.sizeThatFits(CGSize(width: labelWidth, height: CGFloat.infinity)).height
    let twoLineHeight = myLabel.font.lineHeight * 2
    
    // 只有当内容高度超过2行时，才显示按钮
    if let btn = sender as? UIButton {
        btn.isHidden = fullTextHeight <= twoLineHeight
    }
}

为什么之前会溢出？ #

之前的问题在于：

1. Label没有动态高度的约束，展开后高度还是固定的，内容就会溢出；
2. 即使加了ScrollView，没有正确设置contentView的约束，ScrollView不知道内容的真实高度，自然无法滚动或适配；
3. 没有触发布局更新，Label的高度不会随着numberOfLines的变化而实时调整。

这样设置后，Label会根据内容自动获取所需空间，展开/收起时，按钮下方的控件位置会保持不变，完美解决你的问题～

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