> 原文：http://www.swiftyper.com/Swift/scrollviewpart5.html # ScrollView學習筆記 - Part5 在前面的幾個小節當中，都是使用代碼來實現`ScrollView`的功能，其實，我們也可以在`Interface Builder`當中來使用它。 ## 簡單使用 如果要實現與前面一樣的功能，在一個`ScrollView`當中滾動一張圖片，使用`StoryBoard`來實現是相當容易的。 1. 拖一個`ScrollView`到`StoryBoard`上面，并將其約束到屏幕的四個邊 2. 拖一個`ImageView`作為`ScrollView`的子視圖，同樣設置約束到四邊 3. 設置`ImageView`的圖片，因為圖片會使`ImageView`撐開與圖片大小相等，這相當與設置了`ScrollView`的`contentSize`  通過上面三步，就可以實現圖片的滾動了，相當簡單。 ## 多個視圖的滾動 前面那個是最簡單的情形，當然很多情況下，我們需要設計的界面比那個要復雜得多，不過，也是可以使用`Interface Builder`來實現的。 只需要在`Simulated Metrics`中選擇`Size`為`Freeform`，然后我們就可以自由設置高度與寬度了，注意要將`ScrollView`的約束設置到四個邊，就可以進行界面的設計了。雖然我們自己選擇了設備的寬和高，但是我們的手機屏幕當然不會因為我們設置的寬和高而改變，所以實際運行的時候，進出手機屏幕的部分，就會使用滾動來呈現了。  這樣就可以使用`Interface Builder`來使用`ScrollView`了，也是相當easy的。 ## 總結 這小節學習了如何使用`Interface Builder`來創建`ScrollView`，主要就是設置好`ScrollView`的約束，然后選擇自由尺寸來對界面進行設計。