自动布局视图层次结构

Question

我需要在我的应用程序中显示图片中的布局。

视图层次结构是：

• 滚动视图（scrollEnabled = true）
  • 影像检视
  • 标签
  • webview（scrollEnabled = false）
  • 表格视图（scrollEnabled = false，最大行数= 6）

Web视图的高度由其委托webViewDidFinishLoad动态更改。

func webViewDidFinishLoad(webView: UIWebView) {
    webView.sizeToFit()
} 

如何设置自动布局以将表格视图移动到Web视图下方？

Answer 1

首先，您需要在scrollView中添加containerView，然后将subViews添加到containerView。

下面，我显示了在UIScrollView中显示内容时需要遵循的层次结构以及需要设置的约束。

滚动视图（约束：-前导，尾随，顶部，底部）

容器视图（约束：-前导，尾随，顶部，底部，宽度等于视图，高度等于视图或高度= 1000）

注意：如果所有子视图都有特定的高度，则无需为ContainerView赋予高度。

UIImageView（约束：-前导，尾随，顶部，verticalSpacing，高度）

UILabel（约束：-前导，尾随，顶部，verticalSpacing，高度）

UIWebView（约束：-前导，尾随，顶部，verticalSpacing，高度> = 0）

UITableView（约束：-前导，尾随，顶部，底部）

注意：如果需要，请给tableView高度。 您将需要根据需要在运行时以编程方式更改UIWebView的高度限制。

有关更多参考，请参考以下链接：

http://spin.atomicobject.com/2014/03/05/uiscrollview-autolayout-ios/ http://blog.surecase.eu/working-with-uiscrollview-in-storyboard-using-autolayout/ http：// makeapppie.com/2014/12/11/swift-swift-using-uiscrollview-with-autolayout/