iOS使用xib建立scrollview

一、拖入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é)束了,臨表涕零,不知所云

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容