自動布局視圖層次結構

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/