隐藏视图时如何使用自动布局移动其他视图？

Question

我已经在IB中设计了我的自定义单元，将其子类化，并将我的插座连接到我的自定义类。我在单元格内容中有三个子视图，它们是：UIView（cdView）和两个标签（titleLabel和emailLabel）。根据每行可用的数据，有时我希望在单元格中显示UIView和两个标签，有时只显示两个标签。我想做的是这样设置约束，如果我将UIView属性设置为hidden，或者将其从superview中删除，则两个标签将向左移动。我试图为10px将UIView前导约束设置为Superview（单元格内容），为10px将UILabels前导约束设置为下一个视图（UIView）。稍后在我的代码中

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(IndexPath *)indexPath {
    
    // ...

    Record *record = [self.records objectAtIndex:indexPath.row];
    
    if ([record.imageURL is equalToString:@""]) {
         cell.cdView.hidden = YES;
    }
}

我正在隐藏我的cell.cdView，我希望标签移到左侧，但它们在cell中的位置不变。我试图从superview中删除cell.cdView，但也没有成功。我附上图片，以澄清我的想法。

我知道如何通过编程来实现这一点，我并不寻求解决方案。我想要的是在IB中设置约束，我希望如果删除或隐藏其他视图，我的子视图将动态移动。在IB中使用自动布局可以做到这一点吗？

.....

Answer 1

对于那些只支持iOS8的人，有一个新的布尔属性处于活动状态。它将有助于动态启用只需要的约束

P. S.约束出口必须是强的，而不是弱的例：

@IBOutlet weak var optionalView: UIView!
@IBOutlet var viewIsVisibleConstraint: NSLayoutConstraint!
@IBOutlet var viewIsHiddenConstraint: NSLayoutConstraint!

func showView() {
    optionalView.isHidden = false
    viewIsVisibleConstraint.isActive = true
    viewIsHiddenConstraint.isActive = false
}

func hideView() {
    optionalView.isHidden = true
    viewIsVisibleConstraint.isActive = false
    viewIsHiddenConstraint.isActive = true
}

此外，要修复故事板中的错误，您需要取消选中这些约束之一的已安装复选框。UIStackView（iOS9）
另一个选项是将您的视图包装在UIStackView中。一旦视图被隐藏UIStackView将自动更新布局

Answer 2

在运行时添加或删除约束是一个可能影响性能的重量级操作。然而，有一个更简单的选择。

对于要隐藏的视图，设置宽度约束。将具有前导水平间隙的其他视图约束到该视图。

要隐藏，请将宽度约束的.constant更新为0.f。其他视图将自动向左移动到假定位置。

有关更多详细信息，请参见我的其他答案：

如何在运行时更改标签约束？

Answer 3

这是可能的，但是你必须做一点额外的工作。有几个概念性的东西需要先解决：

• 隐藏视图，即使它们不绘制，仍然参与自动布局，并且通常保留它们的框架，将其他相关视图留在它们的位置。
• 当从其超级视图中删除视图时，所有相关的约束也会从该视图层次结构中删除。

在您的情况下，这可能意味着：

• 如果将左视图设置为隐藏，则标签将保持不变，因为该左视图仍在占用空间（即使它不可见）。
• 如果删除左视图，标签可能会受到模糊约束，因为标签的左边缘不再具有约束

你需要做的是明智地过度限制你的标签。保留您现有的约束（另一个视图的10点空间），但添加另一个约束：使用非必需的优先级使您的标签的左边缘远离其Superview的左边缘10点（默认的高优先级可能会工作得很好）。

然后，当您希望它们向左移动时，请完全删除左视图。左视图的强制10pt约束将随其相关的视图一起消失，并且您将只剩下一个高优先级约束，即标签距离其超级视图10pt。在下一个布局过程中，这将导致它们向左扩展，直到它们填充superview的宽度，但边缘周围的间距除外。

一个重要的警告：如果您想要将左视图重新添加到图片中，不仅需要将其添加回视图层次，还需要同时重新建立其所有约束。这意味着您需要一种方法，在再次显示视图时，将视图与其标签之间的10pt间距约束放回原处。