Auto Layout的異類-UIScrollView

本人有若干成套學(xué)習(xí)視頻, 可試看! 可試看! 可試看, 重要的事情說三遍 包含Java, 數(shù)據(jù)結(jié)構(gòu)與算法, iOS, 安卓, python, flutter等等, 如有需要, 聯(lián)系微信tsaievan.

最近在看這本書:
iOS開發(fā)捷徑

里面有句話說的很好:

無論按什么思路設(shè)置scrollView的約束,一定要讓設(shè)置的約束能夠確定scrollViewcontentSize, 這是重點(diǎn), 也是核心思想.

于是, 不管是"拖線"布局, 還是Masonry布局, 都可以遵循這么個(gè)思想來進(jìn)行.

先說"拖線"布局
image.png

講道理來說, 我這里設(shè)置了x, y, width,height之后, scrollView就應(yīng)該固定住了, 布局是完美的. 但是不是, 布局的線還是報(bào)紅的.
這就是scrollView的特殊之處, 必須確定了contentSize之后才可以完美布局.

我們怎么給contentSize呢?

  • 首先, 給scrollView添加一個(gè)contentView
    給`scrollView`添加一個(gè)`contentView`

這個(gè)contentView的上下左右邊距都跟scrollView是對齊的. 這時(shí)候, 約束還是沒有任何變化, 還是報(bào)紅

  • 然后, 假設(shè)我是要上下滾動, 我就將contentView的水平方向跟scrollView居中對齊, 這時(shí)候就確定了scrollViewcontentSize的寬
image.png
  • 最后給contentView設(shè)定一個(gè)高度, 這個(gè)高度實(shí)際上就是contentSize的高
    image.png

    contentSize的寬和高都確定了, 那么布局就完美了. 布局的線也變成了藍(lán)色
再說Masonry布局

思路都一樣, 也就是那么幾步


image.png

例子中寫得比較簡單, 高度寫死了, 實(shí)際布局中, 高度是根據(jù)子view的高度不斷變化的, 這個(gè)就要舉一反三了, 總之記住:

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

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

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