UIScrollView and AutoLayout
以前的作法
在以前要用 Auto Layout 來設置 UIScrollView 的 sub views 並不是一件讓人愉快的事情,雖然不複雜,但步驟就是有點麻煩。因為 scroll view 自身的特性,所以必須設定它本身的位置與尺寸,然後設定 sub views 的位置與尺寸,最後算出 contentSize 的尺寸。總結來說大概分成以下幾步:
- 設定
UIScrollView本身的位置與尺寸 - 建立一個
contentView並加到UIScrollView的 sub view - 設定
contentView的位置,通常是四邊都貼齊UIScrollView - 可以滾動的 sub views 都加到
contentView,然後用 auto layout 設定這些 sub views 的位置與尺寸 - 如果設定無誤的話,
contentView就可算出正確的尺寸,這就是UIScrollView的contentSize
最讓人困惑且忽略的就是第三點,因為它很不自然,但在 UIScrollView 卻又是必須的。另外就是第四點,一定要有明確的位置跟尺寸,這樣才有辦法算出 contentSize 給 UIScrollView 使用。
現在的作法
從 iOS 11 開始,UIScrollView 多了 frameLayoutGuide 跟 contentLayoutGuide 這兩個方便的屬性,讓我們不必再用不自然的方式去設定 content 的 auto layout。
- 可以使用舊有的方式或是使用
frameLayoutGuide設定UIScrollView本身的位置與尺寸 - 不需要額外的
contentView了,直接把內容加到 sub view - 這些 sub views 與
contentLayoutGuide建立 auto layout constraints
整個設定流程變得自然許多,也更不容易出錯。現在我們只要確定 sub views 有設好明確的位置與尺寸,讓系統能夠算出 contentSize 即可。