如何使用自动布局展开和折叠 UIView

Posted 2023-03-12

【中文标题】如何使用自动布局展开和折叠 UIView

【英文标题】：how to expand & collapse UIView using auto layouts

【发布时间】：2018-04-02 19:23:28

【问题描述】：

这是我的UITableViewCell 内部的结构，当用户从右向左滑动时，view1 移动和view2 和view3 对用户可见，因为view1 覆盖了view2 和view3 .

当view1 移动但view2 和view3 的最大宽度应为50 时，我正在尝试折叠和展开view2 和view3。如何使用auto layouts 实现？

【参考方案1】：

您可以通过在 XiB 或 layoutSubiews（如果在代码中）中为 view2 和 view3 分配宽度约束来实现这一点，最初将两个视图的宽度约束设置为 0，然后当用户滑动时将每个视图的宽度约束设置为 50，然后重新-布局

 self.view2WidthCon.constant = 50
 self.view3WidthCon.constant = 50

 UIView.animate(withDuration: 0.25,animations:    

   self.view.layoutIfNeeded()
)

【参考方案2】：

如果view2 和view3 将包含子视图，将它们的宽度设置为0 可能会破坏它们的子视图约束，从而导致错误。

这是UIStackView 的理想用例。将所有三个视图（view1、view2 和 view3）放在一个水平的 UIStackView 内。默认情况下，将视图 2 和 3 设置为隐藏。当用户向左滑动时，只显示视图 2 和 3（view2.isHidden = false 和 view3.isHidden = false）。

这种方法的优点是，如果视图 2 和 3 具有自动布局的子视图，则在隐藏/显示视图时它们不会被破坏。

要添加动画，只需将其放入动画块中：

UIView.animateWithDuration(0.3)
    view2.hidden = false // or true
    view3.hidden = false // or true