ScrollView自動(dòng)布局和代碼約束

一皇钞、autolayout自動(dòng)布局

1、UIScorllView約束


固定寬高
水平豎直居中


2松捉、ScorllView內(nèi)部添加View

scrollview中只能有一個(gè)子控件


3夹界、View的約束

(1)上下左右約束為0

(2)設(shè)置高度(contentsize)

(3)水平滾動(dòng)設(shè)置豎直居中,豎直滾動(dòng)設(shè)置水平居中


?二隘世、這兩天在用Swift研究一個(gè)app可柿,直接從頁(yè)面說(shuō)起,上方是一個(gè)輪播圖丙者,下方是一個(gè)collectionView复斥,很顯然,如果使用TableView后期涉及到數(shù)據(jù)傳遞的問(wèn)題就頭大了械媒,所以我最后決定用scrollView目锭,經(jīng)過(guò)垂死掙扎评汰,終于研究出了一點(diǎn)小結(jié)果,總結(jié)了一些簡(jiǎn)單的純代碼約束規(guī)則分享給大家.

里面用到的第三方約束框架是SnapKit


一痢虹、將scrollView設(shè)置為控制器的根視圖

將scrollView以子視圖的方式添加到View上被去,需要對(duì)scrollView的四個(gè)邊界進(jìn)行約束,約束到View上奖唯,一定一定要四個(gè)邊界約束

對(duì)scrollView的四個(gè)邊界進(jìn)行約束

二惨缆、給scrollView添加子控件,重點(diǎn)來(lái)了臭埋。踪央。臀玄。

(1)首先我們得知道瓢阴,用代碼給scrollView添加約束時(shí),是不能設(shè)置固定contentSize(滾動(dòng)范圍)的健无,contentSize是根據(jù)子控件的大小自動(dòng)計(jì)算的荣恐;

(2)子控件必須設(shè)置大小,也就是(width累贤,height),一定要一定要寫死5隆!>矢唷E鸨弧!自動(dòng)計(jì)算contentSize渗磅,你必須要讓人家計(jì)算機(jī)知道所有子控件加在一起的width嚷硫,height.

(3)我們的需求是讓頁(yè)面上下滾動(dòng),一定要讓計(jì)算機(jī)檢測(cè)到這種結(jié)構(gòu)

top和bottom約束必須有



?^_^ ? ? ? ? ?一定不要忘記上面正確的規(guī)則



至于一些規(guī)則始鱼,我們來(lái)看:

(1)我懂你仔掸,你在想只需約束它左右邊界就可以知道子控件的寬了,同時(shí)高也同理都約束好了医清,完美起暮,子控件大小都知道了,例如這樣:

對(duì)于scrollView会烙,還是錯(cuò)誤的示范

但是你運(yùn)行出來(lái)是這個(gè)樣子负懦,看到滾動(dòng)條沒(méi),他已經(jīng)知道你子控件的加起來(lái)的長(zhǎng)度柏腻,并且計(jì)算出了contentSize纸厉,但是就是不顯示內(nèi)容

可滾動(dòng),不顯示控件

所以為了顯示內(nèi)容葫盼,你必須直接了當(dāng)?shù)募s束width残腌,height,就是這樣,盡量避免沖突的將子控件的寬和高寫死E酌ās№铩!


(2)別指望約束邊界自動(dòng)計(jì)算闺金,在這里兩邊約束是有自己的目的的.?例如:回看我們的正確版本逾滥,位于最下面的子控件的約束,(make.bottom),它存在的目的是使計(jì)算機(jī)知道這種結(jié)構(gòu)败匹,從而計(jì)算出contentSize

上下滾動(dòng)要求

如果設(shè)置了固定的高就不去設(shè)置底部約束寨昙,如果這樣會(huì)顯示內(nèi)容但不會(huì)滾動(dòng)

正確版本代碼中并沒(méi)有同時(shí)設(shè)置左右邊界約束,因?yàn)槲覀儾⒉幌M?yè)面會(huì)左右滾動(dòng)掀亩,而希望頁(yè)面上下滾動(dòng)舔哪,因此,如果我們希望頁(yè)面所有方向都可以滾動(dòng)就需要毫不吝嗇的把約束全部加上并直接設(shè)置寬高,例如這種結(jié)構(gòu)


上下左右滾動(dòng)要求
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市篙耗,隨后出現(xiàn)的幾起案子骡送,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,651評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡陕悬,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門按傅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)捉超,“玉大人,你說(shuō)我怎么就攤上這事逞敷】袂兀” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵推捐,是天一觀的道長(zhǎng)裂问。 經(jīng)常有香客問(wèn)我,道長(zhǎng)牛柒,這世上最難降的妖魔是什么堪簿? 我笑而不...
    開封第一講書人閱讀 58,218評(píng)論 1 292
  • 正文 為了忘掉前任皮壁,我火速辦了婚禮,結(jié)果婚禮上蛾魄,老公的妹妹穿的比我還像新娘虑瀑。我一直安慰自己,他們只是感情好舌狗,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著痛侍,像睡著了一般。 火紅的嫁衣襯著肌膚如雪主届。 梳的紋絲不亂的頭發(fā)上赵哲,一...
    開封第一講書人閱讀 51,198評(píng)論 1 299
  • 那天,我揣著相機(jī)與錄音君丁,去河邊找鬼枫夺。 笑死,一個(gè)胖子當(dāng)著我的面吹牛谈截,可吹牛的內(nèi)容都是我干的筷屡。 我是一名探鬼主播涧偷,決...
    沈念sama閱讀 40,084評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼簸喂,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了燎潮?” 一聲冷哼從身側(cè)響起喻鳄,我...
    開封第一講書人閱讀 38,926評(píng)論 0 274
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎确封,沒(méi)想到半個(gè)月后除呵,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,341評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡爪喘,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評(píng)論 2 333
  • 正文 我和宋清朗相戀三年颜曾,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片秉剑。...
    茶點(diǎn)故事閱讀 39,731評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡泛豪,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出侦鹏,到底是詐尸還是另有隱情诡曙,我是刑警寧澤,帶...
    沈念sama閱讀 35,430評(píng)論 5 343
  • 正文 年R本政府宣布略水,位于F島的核電站价卤,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏渊涝。R本人自食惡果不足惜慎璧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評(píng)論 3 326
  • 文/蒙蒙 一床嫌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧胸私,春花似錦既鞠、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至五续,卻和暖如春洒敏,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背凶伙。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工它碎, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人傻挂。 一個(gè)月前我還...
    沈念sama閱讀 47,743評(píng)論 2 368
  • 正文 我出身青樓挖息,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親套腹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)幢码、插件症副、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,094評(píng)論 4 62
  • 決斷力是決策和判斷的能力葫松。平時(shí)我們的學(xué)習(xí)、實(shí)踐咕娄、磨練都是將所學(xué)能夠有所用,所用后再指導(dǎo)所學(xué)圣勒。決斷力是考驗(yàn)一個(gè)人運(yùn)用...
    正本閱讀 774評(píng)論 1 12
  • 《大河》 文/劉漢皇 大河從童年流過(guò)在歲月的土壤長(zhǎng)成一棵參天的樹每一個(gè)枝椏都亮著記憶的光 魚在天上飛河蚌在枝頭棲息...
    劉漢皇閱讀 473評(píng)論 13 3
  • 為用戶體驗(yàn)而設(shè)計(jì) 正確的產(chǎn)品形態(tài)應(yīng)該是由用戶自身的心理感受和行為來(lái)決定的圣贸,這本書的副標(biāo)題是“以用戶為中心的產(chǎn)品設(shè)計(jì)...
    李渡閱讀 505評(píng)論 0 4