以前的作法
在以前要用 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
即可。