iOS之UIScrollView的AutoLayout

關(guān)于UIScrollView的AutoLayout布局是去年學(xué)會的,因為項目中有用到,但今天為了研究UIScrollView的一個屬性,寫了一個UIScrollView的Demo,驚奇的發(fā)現(xiàn)我寫的UIScrollView死活不能滾動,在谷歌查遍了所有的不能滾動原因,還是沒有解決(這個下面也會說),最后才發(fā)現(xiàn)原來是約束的問題(storyboard并沒有紅色的錯誤或黃色的警告提示),所以這篇文章主要作為一個筆記吧,下次忘了也很快能想起來。


這個就不上效果圖了,大概講一下demo構(gòu)成:一個UIViewController,里面一個UIScrollView,UIScrollView里面一個UIView(我們叫他BigV),在大V里面有4個SmallV,我們稱為SmallV_1(紅)、SmallV_2(黃)望侈、SmallV_3(藍(lán))驼壶、SmallV_4(橙).

UIScorllView

對父視圖(View):添加左、上簿废、寬、高四個約束(不解釋了)[1]

BigV

對父視圖(UIScorllView):添加上、左垮兑、下、右四個約束(不解釋了)

滑動的視圖

思想:對父視圖(BigV):添加上漱挎、左系枪、下、右四條約束并對UIScrollView的父視圖(View):添加寬和高的約束,下面具體說說四個SmallV的約束.
SmallV_1:對BigV添加上磕谅、左兩個約束,對View添加寬私爷、高兩個約束
SmallV_2:對BigV添加右邊的約束;對SmallV_1添加上雾棺、水平間隔、寬当犯、高四個約束
SmallV_3:對BigV添加下邊的約束;對SmallV_1添加左垢村、垂直間隔、寬嚎卫、高四個約束
SmallV_4:對SmallV_3添加上嘉栓、水平間隔兩個約束;對SmallV_1添加寬、高兩個約束

從頭到尾不用一句代碼,還是很有效率的,demo點擊下載,歡迎大家Star.

最后說下我在谷歌上查的UIScrollView不能滾動的原因吧:

  • 第一肯定是contentSize這個屬性沒有設(shè)置
  • 第二個是contentSize設(shè)置的地方不對,我查到的資料上說由于UIScrollView引近AutoLayout以后,如果使用AutoLayout,則要在viewDidAppear方法里設(shè)置contentSize
  • 第三個是說把userInteractionEnabled或scrollEnabled屬性設(shè)為NO了
  • 第四個是說關(guān)于手勢的傳導(dǎo)問題,即重寫touchesShouldCancelInContentView這個方法
  • 現(xiàn)在我加第五個,就是約束有問題v

現(xiàn)在按照文章的方法加約束會報錯:Content and frame layout guides before iOS11.0
解決方法:如下圖所示拓诸,把Builds for 改為iOS 11.0 and Later即可

版權(quán)聲明:本文為 Crazy Steven 原創(chuàng)出品侵佃,歡迎轉(zhuǎn)載,轉(zhuǎn)載時請注明出處奠支!


  1. 給個例子來理解UIScorllView對父視圖添加約束:假設(shè)A對B添加約束,則first item為A,second item 為B,拖線操作有時候會顛倒first item和second item的位置,需要檢查下調(diào)回來馋辈。 ?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市倍谜,隨后出現(xiàn)的幾起案子迈螟,更是在濱河造成了極大的恐慌,老刑警劉巖尔崔,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件答毫,死亡現(xiàn)場離奇詭異,居然都是意外死亡季春,警方通過查閱死者的電腦和手機洗搂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來载弄,“玉大人耘拇,你說我怎么就攤上這事∮罟ィ” “怎么了惫叛?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長逞刷。 經(jīng)常有香客問我嘉涌,道長,這世上最難降的妖魔是什么亲桥? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任洛心,我火速辦了婚禮,結(jié)果婚禮上题篷,老公的妹妹穿的比我還像新娘词身。我一直安慰自己,他們只是感情好番枚,可當(dāng)我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布法严。 她就那樣靜靜地躺著损敷,像睡著了一般。 火紅的嫁衣襯著肌膚如雪深啤。 梳的紋絲不亂的頭發(fā)上拗馒,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天,我揣著相機與錄音溯街,去河邊找鬼诱桂。 笑死,一個胖子當(dāng)著我的面吹牛呈昔,可吹牛的內(nèi)容都是我干的挥等。 我是一名探鬼主播,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼堤尾,長吁一口氣:“原來是場噩夢啊……” “哼肝劲!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起郭宝,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤辞槐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后粘室,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體榄檬,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年育特,在試婚紗的時候發(fā)現(xiàn)自己被綠了丙号。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片先朦。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡缰冤,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出喳魏,到底是詐尸還是另有隱情棉浸,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布刺彩,位于F島的核電站迷郑,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏创倔。R本人自食惡果不足惜嗡害,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望畦攘。 院中可真熱鬧霸妹,春花似錦、人聲如沸知押。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至罢绽,卻和暖如春畏线,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背良价。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工寝殴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人明垢。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓杯矩,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子炬太,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,947評論 2 355

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

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫爆捞、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,104評論 4 62
  • 1 混日子 最近臨近開學(xué)泌射,寫完了學(xué)校布置的《學(xué)習(xí)心得》,我好像又開始無聊了鬓照。 說實話熔酷,假期在我們的無盡期盼中珊珊而...
    哆啦夢_1264閱讀 385評論 0 1
  • 未來的5到10年臭猜,隨著咱們國內(nèi)政府提出大眾創(chuàng)業(yè)的號召躺酒,我們身邊會有2類人群能夠獲得最大的財富。 第一類:是創(chuàng)業(yè)者蔑歌,...
    陳記鋒閱讀 73評論 0 0
  • 上一章:(16)重回正軌 文|中藥味的吧啦啦 林夏是被左遇的電話叫醒的羹应,惶惶恐恐的一邊回話一邊收拾著自己,披上風(fēng)衣...
    河恩吶閱讀 477評論 0 4
  • 王藝興(1993——) 前幾天有人問我次屠,你怎么還在讀書园匹?你打算讀書到什么時候?聽到這些問題的時候我有一絲尷尬...
    Daisy1閱讀 682評論 0 2