如何在ScrollView中实现UIView的展开与折叠？

你遇到的核心问题是直接修改frame和设置isHidden和Auto Layout约束冲突了——因为你已经在Storyboard里给所有视图加了约束，手动改frame的操作会被Auto Layout在动画结束后覆盖，而且设置isHidden = true会让这个视图直接从布局体系里消失，导致其他视图的约束无法正确联动（比如OK按钮不会自动上移）。

正确的做法是操作视图的高度约束，让Auto Layout自动处理其他视图的位置调整，具体步骤如下：

1. 给折叠视图的高度约束添加IBOutlet #

在Storyboard里选中红色视图（issueBox）的高度约束，按住Ctrl拖到你的ViewController代码里，创建一个IBOutlet属性：

@IBOutlet weak var issueBoxHeightConstraint: NSLayoutConstraint!

2. 添加状态变量记录折叠状态 #

在ViewController里定义一个布尔变量，用来标记当前是折叠还是展开状态：

private var isIssueBoxCollapsed = false

3. 修改按钮点击事件的逻辑 #

删掉你之前的折叠/展开代码，替换成下面的逻辑——通过修改高度约束的constant值来实现动画，Auto Layout会自动调整其他视图的位置：

@IBAction func toggleIssueBox(_ sender: UIButton) {
    // 切换折叠状态
    isIssueBoxCollapsed.toggle()
    
    // 设置目标高度：折叠时为0，展开时为232（你原来的高度）
    let targetHeight: CGFloat = isIssueBoxCollapsed ? 0 : 232
    
    // 执行动画
    UIView.animate(withDuration: 0.25) {
        self.issueBoxHeightConstraint.constant = targetHeight
        // 触发布局更新
        self.view.layoutIfNeeded()
    }
}

为什么之前的方法无效？ #

• 直接修改frame：Auto Layout会根据你设置的约束重新计算视图位置，动画结束后会把frame重置回约束定义的状态，导致你的修改失效。
• 设置isHidden = true：这个属性会让视图从布局树中移除，其他视图的约束如果是和这个视图关联的，会因为它消失而失去参照，无法自动调整位置。

额外注意事项 #

如果你的弹窗里的ScrollView没有自动更新contentSize，记得确保ScrollView的约束是和内部所有子视图（包括issueBox）的边缘关联的，这样当issueBox高度变化时，ScrollView的contentSize会自动跟着调整。

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