[文組班＿作業 2–6–2]實現上下捲動的 scroll view

上期說過：content size 的寬度要大於 scroll view 的寬度才能水平捲動。

那如果要實現上下捲動的 scroll view 該怎麼實現呢？
很簡單，其實只要將 content size 的高度大於 scroll view 的高度 就可以上下捲動啦！！！

因為其他步驟都跟水平捲動都差不多，我們在這裡只會詳細寫出不同的步驟，其他步驟可以參考我上一篇有關於 “實現水平捲動的 scroll view” 的文章。

[文組班＿作業 2–6] 實現水平捲動的 scroll view

Step1：在 Assets.xcassets 加入需要的圖片

Step2：在畫面上加入 150*150 的 scroll view，並為其背景設定顏色

Step3：加入容納專輯圖片的 View

Step4：設定 View 的大小

由於是要做上下捲動，所以 view 的 height 要比 scroll view 高。

點選 View 後，切換到 Size inspector，將它的大小設為 100 * 550。

Step5：在 View 上加入準備好的 image view

Step6：將剛剛設計好的 View 加到 scroll view 上

Step7：調整 View 的 X 和 Y

Step8：設定 scroll view 的 content size ★★★★★

content size 的高度大於 scroll view 的高度！！！

content size 的高度大於 scroll view 的高度！！！

content size 的高度大於 scroll view 的高度！！！

Step9：將 View 的顏色設成 Clear Color

結果