将新视图添加到层​​次结构时的自动布局问题

Posted

技术标签:

【中文标题】将新视图添加到层​​次结构时的自动布局问题【英文标题】:Autolayout issues when adding a new view into a hierarchy 【发布时间】:2015-07-26 14:21:56 【问题描述】:

当我有一个 UIView 并通过 IB 应用约束并将一个新的 UIView 添加到它的视图层次结构中时,我在几个场景中苦苦挣扎。事情是这样的:

我有一个应用了以下约束的全屏 UITableView,因此它可以很好地适应 ios 设备的所有分辨率:

现在我想在 UITableView 上方添加一个 UIView 作为一种工具栏。

现在我成功添加此视图的唯一可能方法是将其添加到 TableView 顶部,以便它覆盖 tableview 的顶部。我想要实现的是新添加的 UIView 向下推表,因此两者都是可见的。我尝试了几件事,包括在表格视图上方的 IB 中添加一个容器视图,但这根本不起作用。

所以我的问题是:有没有办法动态地编辑、删除和添加新的约束到视图层次结构,理想情况下支持动画?

【问题讨论】:

【参考方案1】:

您可以为约束创建IBOutlets,就像任何视图一样。 每个NSLayoutConstraint 对象都有一个constant 属性,您可以随时在代码中设置它(它是约束的值)。

因此,您将在 Interface Builder 上创建两个视图,并将表视图的顶部约束到新视图的底部。 新视图将具有设置的高度约束,并且您创建该高度约束的出口以使该视图在代码中出现或消失。 还有其他可能的解决方案,但我认为这是最简单的。

代码是这样的:

@property (weak, nonatomic) IBOutlet NSLayoutConstraint *topHeightConstraint;

设置值:

self.topHeightConstraint.constant = 60;

并对其进行动画处理:

[UIView animateWithDuration:0.6 animations:^
            self.topHeightConstraint.constant = 60;
            [self.view layoutIfNeeded];
];

【讨论】:

以上是关于将新视图添加到层​​次结构时的自动布局问题的主要内容,如果未能解决你的问题,请参考以下文章

uiscrollview的自动布局,视图层次结构没有为约束做好准备

加载另一个 Nib 时的 iOS 自动布局

用于设置自动布局约束的 iOS 视图层次结构

更改高度约束时的iOS自动布局问题

使用自动布局时的内容拥抱

使用自动布局向 UIScrollView 添加动态大小的视图(高度)