iOS 6中带自动布局的动态UIView高度

Question

在过去的几天里，我试图使用自动布局约束完成一个相当简单（至少应该是这样）的布局，但没有成功。

我的视图层次结构是:< br> UIScrollView
- UIView(容器视图)< br> - UILabel(多行标签)< br >-ui webview < br >-ui label < br >-ui button

所需的功能是根据内容的大小扩展容器视图。为了增加UIWebView的高度，我使用以下代码：

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    [self.webView sizeToFit];
} 

我尝试了许多不同的约束，其中最合理的约束是：
1.为第一个标签（事件标题）固定超视图的顶部空间
2.为第一个标记和UIWebView固定垂直间距
3.为其余元素固定垂直间距（即UIWebView-UILabel（事件日期）和UILabel-UIButton）
4。容器视图的超视图具有低优先级（1）底部垂直空间约束

UIWebView会展开，但不会向下推事件日期标签和按钮，另外Container视图也不会展开。

任何帮助将不胜感激。

您可以从这里下载示例Xcode项目。

Answer 1

在更新webview内容大小之前，您可能需要延迟。砌体对于自动布局的使用很有用。

-(void)webViewDidFinishLoad:(UIWebView *)webview{
    [self performSelector:@selector(checkContentOnDelay:) withObject:webview afterDelay:0.001];
}

-(void)checkContentOnDelay:(UIWebView *)webview{
    CGSize contentSize = webview.scrollView.contentSize;
    if (contentSize.height > 2) {
        [webview updateConstraints:^(MASConstraintMaker *make) {
            make.height.equalTo(contentSize.height);
        }];
    }else{
        [self performSelector:@selector(checkContentOnDelay:) withObject:webview afterDelay:0.01];
    }
}

Answer 2

您将webView的高度限制设置为266。这就是为什么web视图的高度仍然是固定的。

可以将此高度约束创建为IBOutlet，例如：

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

然后，可以在web视图下载完内容后修改高度约束的常量。web视图本身由内部滚动视图组成，因此如果您想获得内容的总体高度：

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    self.webViewHeightConstraint.constant = self.webView.scrollView.contentSize.height;
}

或者显然这个也有效：

- (void)webViewDidFinishLoad:(UIWebView *)webView {
    [self.webView sizeToFit];
    self.webViewHeightConstraint.constant = self.webView.frame.size.height;
}