使用AutoLayOut為UIScrollView添加約束圖解及要點，uiscrollview

使用AutoLayOut為UIScrollView添加約束圖解及要點，uiscrollview

1.在ViewController中拖入1個UIScrollView，並為其添加約束

約束為上下左右四邊與superview對齊

2.在scrollview中，拖入1個UIView，為了便於區分將其設為橙色。

3.為view添加約束

約束為上下左右四邊與superview對齊

添加完這些約束後，我們發現出現了錯誤，不要理會

 

4.為view添加寬度約束，本例中，想達到的效果是scrollView可以豎向滾動，不要橫向滾動，

因此，可以將view的寬度約束為與scrollView相同

5.接下來為view添加高度約束

 

對frame進行更新

愉快的發現約束錯誤已經消失！

 

為了驗證scrollView是否可以正確滑動

我們在scrollView中添加一個蘭色的view，添加寬高約束分別為60，500，然後再添加到黃色view（也就是蘭色view的superview）的左邊距和上邊距

至此，約束全部添加完成。需要滾動的內容都可以在黃色view中添加。

點擊運行查看效果

可以看到scrollview可以按照預期滑動

 

最後，全部的約束見

 

 

UIScrollView添加約束要點：

1.scrollView與scrollView的superview的約束關係用來確定scrollView的frame

2.scrollView中的『contentView』（本例中的蘭色view）的約束關係用來確定scrollView的contentInsets

3.contentView的寬度和高度用來確定scrollView的contentSize

理解這3個要點，即可愉快的為scrollView添加約束