#6設定 content size，實現水平捲動，上下捲動和分頁的 scroll view

1.在畫面上加入寬度等於螢幕寬度的 scroll view，將背景設為非白色

2.加入容納圖片的 View

3.將 View 加到左邊 Exit 的下方，以便編輯

4.點選 View 後，切換到 Size inspector，設定大小

5.在 View 上加入 image view

6.將剛剛設計好的 View 加到 scroll view 上

若未落於scroll view， 調整 View 的 X 和 Y，或者使用滑鼠調整，讓它出現在 scroll view 上

7.設定 scroll view 的 content size

點選 scroll view，切換到 Identity inspector 頁面

點選 User Defined Runtime Attributes 左下的 + 新增內容

Key Path 欄位輸入 contentSize，大小寫要一模一樣

Type 欄位選擇 Size

Value 欄位輸入 {800, 0}

第一個數字是寬度，第二個數字是高度。我們將第一個數字設成容納專輯圖片的 View 的寬度 800，第二個數字則設為 0 ，當高度的數字小於 scroll view 的高度時，代表 scroll view 不會上下捲動

如果不能捲動 ?

別心灰意冷，請檢查以下三個地方是否設定正確:

• scroll view 須設定 contentSize。
• scroll view 裝的 view 的長度須超過 scroll view 的長度。
• scroll view 裝的 view 的長度須等於 contentSize 設定的寬度。

8.上下捲動的 Scroll View

原理和左右捲動的 Scroll View 差不多，主要差別在 contentSize 的第二個數字決定上下捲動的範圍，比方 {0, 1000} 表示上下捲動的範圍為 1000，左右不捲動。

9.完成