UILabel高度约束切换显示/隐藏异常：仅隐藏生效，显示无效

云上老周

2026-7-29

UILabel高度切换显示/隐藏失效问题解决方案

问题根源

你每次触发手势时都调用NSLayoutConstraint.activate创建新的高度约束，多次点击后会产生约束冲突：初始的230高度约束、隐藏时添加的0高度约束、再次展开时添加的新230高度约束会同时存在。系统会自动处理约束冲突，最终导致UI无法按预期更新。

正确解决方案

不要每次创建新约束，而是保存初始高度约束的引用，直接修改约束的constant值来切换状态：

声明类级别的约束变量

var reminderBulletsLblHeightConstraint: NSLayoutConstraint!
var isExpanded = true // 默认处于展开状态

初始化UILabel时创建并激活约束

// 创建并配置UILabel
let reminderBulletsLbl = UILabel()
reminderBulletsLbl.translatesAutoresizingMaskIntoConstraints = false
reminderBulletsLbl.numberOfLines = 0 // 确保多行内容正常显示
view.addSubview(reminderBulletsLbl)

// 设置其他必要约束（示例：左右边距、顶部间距）
NSLayoutConstraint.activate([
    reminderBulletsLbl.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 16),
    reminderBulletsLbl.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -16),
    reminderBulletsLbl.topAnchor.constraint(equalTo: view.topAnchor, constant: 20)
])

// 保存高度约束引用并激活
reminderBulletsLblHeightConstraint = reminderBulletsLbl.heightAnchor.constraint(equalToConstant: 230)
reminderBulletsLblHeightConstraint.isActive = true

修改手势触发方法

@objc func tapLabel(gesture: UITapGestureRecognizer) {
    print("tap working")
    isExpanded.toggle()
    
    // 直接修改已存在约束的constant值
    reminderBulletsLblHeightConstraint.constant = isExpanded ? 230 : 0
    
    // 强制刷新布局，添加动画提升交互体验
    UIView.animate(withDuration: 0.3) {
        self.view.layoutIfNeeded()
    }
}