一、拖入scrollview,去掉右邊欄Content Layout Guides,設(shè)置上下左右約束為0

1.jpg
結(jié)果如下

2.jpg
二、拖入U(xiǎn)IView到scrollview下,改名為contentview

3.jpg
三、設(shè)置contentview相對(duì)于scrollview的約束(選中contentview,右鍵拖線到scrollview),設(shè)置上下左右約束都為0及居中約束(這里有一個(gè)細(xì)節(jié),如果你的scrollview是上下滑動(dòng),則居中約束設(shè)置為Center Horizontally in Container,如果是左右滑動(dòng)則居中約束設(shè)置為Center Vertically in Container,如果左右上下都要滑動(dòng)則不需要設(shè)置。本文以上下滑動(dòng)為例子,即設(shè)置Center Horizontally in Container約束)如圖

5.jpg
注意:接下來(lái)就是布局你的視圖了,到目前為止還會(huì)出現(xiàn)紅色警告。
四、拖入你想要布局的view到contentview下,這里以兩個(gè)view為例子,重點(diǎn)注意:最后一個(gè)view要設(shè)置Bottom Space to Container約束。
1.設(shè)置FirstView相對(duì)于父視圖(即contentview)上左右約束,設(shè)置FirstView相對(duì)于LastView的vertical spaceing約束,設(shè)置FirstView的高度
2.設(shè)置LastView相對(duì)于父視圖(即contentview)下左右、高度約束。如圖,綠色的為FirstView,白色的為L(zhǎng)astView。這里需要注意的是,LastView相對(duì)于父視圖(即contentview)的下約束(即bottom space to Container)決定了scrollview滑動(dòng)的距離??梢栽囋嚫臑?000試一下,改完之后選中contentview然后滑動(dòng)鼠標(biāo)上面的滾動(dòng)按鈕,xib里面的視圖也會(huì)跟著滾動(dòng)

8.jpg
到這里就結(jié)束了,臨表涕零,不知所云