ContentSize, ContentOffset, ContentInset等概念

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

好久沒更新簡(jiǎn)書了, 今天說一點(diǎn)UI基礎(chǔ)的知識(shí)點(diǎn). 那就是標(biāo)題涉及的幾個(gè)概念.

以tableView為例, 因?yàn)閠ableView是繼承自UIScrollView的, 那么當(dāng)然會(huì)有contentSize
  • 有cell, 無(wú)contentInset, 無(wú)tableHeaderView,tableFooterView的情況
有cell, 無(wú)contentInset, 無(wú)tableHeaderView,tableFooterView的情況
  • 有cell, 無(wú)contentInset, 有tableHeaderView,tableFooterView的情況


    有cell, 無(wú)contentInset, 有tableHeaderView,tableFooterView的情況
  • 有cell, 有contentInset, 無(wú)tableHeaderView,tableFooterView的情況

有cell, 有contentInset, 無(wú)tableHeaderView,tableFooterView的情況
那么如果出現(xiàn)下列狀況, tableView的contentOffset.y是多少呢?
計(jì)算contentOffset.y
  • 對(duì)于情況1來說, contentInset內(nèi)邊距并不是內(nèi)容的一部分, 所以contentOffset算內(nèi)容的偏移量是不會(huì)把邊距算進(jìn)去的, 那么偏移量就應(yīng)該從第一個(gè)cell的原點(diǎn)開始算, 那么此時(shí)的contentOffset.y就應(yīng)該是0 - 64, 為-64

  • 對(duì)于情況2來說, tableHeaderView是內(nèi)容的一部分, 所以contentOffset算內(nèi)容的偏移量是要把tableHeaderView算進(jìn)去的, 那么偏移量就應(yīng)該從tableHeaderView的原點(diǎn)開始算, 那么此時(shí)的contentOffset.y就應(yīng)該是0

最后我們來考慮一些非常特殊的情況
  • 添加子控件, 不設(shè)置contentInset
添加子控件, 不設(shè)置contentInset
  • 添加子控件, 設(shè)置contentInset
添加子控件, 設(shè)置contentInset
  • 添加子控件, 設(shè)置contentInset, 設(shè)置tableHeaderView, tableFooterView
添加子控件, 設(shè)置contentInset, 設(shè)置tableHeaderView, tableFooterView
總結(jié), 其實(shí)上面說了那么多, 總結(jié)起來無(wú)非下面幾句話:
  • 內(nèi)容的含義:

    • 內(nèi)容包括: 1. cell
      1. tableHeaderView / tableFooterView
      1. sectionHeader / sectionFooter
  • contentSize.height: 所有內(nèi)容的高度

  • contentInset: 在內(nèi)容周圍額外增加的間距(內(nèi)邊距), 始終黏著內(nèi)容

  • contentOffset: 內(nèi)容距離frame矩形框偏移了多少

  • frame: 以父控件內(nèi)容的左上角為坐標(biāo)原點(diǎn)(0,0)

  • bounds: 以自己內(nèi)容的左上角為坐標(biāo)原點(diǎn)(0,0)

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末嚎于,一起剝皮案震驚了整個(gè)濱河市细诸,隨后出現(xiàn)的幾起案子谋右,更是在濱河造成了極大的恐慌虫碉,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,914評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件晕换,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)珠插,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評(píng)論 2 383
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來颖对,“玉大人捻撑,你說我怎么就攤上這事。” “怎么了顾患?”我有些...
    開封第一講書人閱讀 156,531評(píng)論 0 345
  • 文/不壞的土叔 我叫張陵番捂,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我江解,道長(zhǎng)设预,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,309評(píng)論 1 282
  • 正文 為了忘掉前任犁河,我火速辦了婚禮鳖枕,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘桨螺。我一直安慰自己宾符,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,381評(píng)論 5 384
  • 文/花漫 我一把揭開白布彭谁。 她就那樣靜靜地躺著吸奴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪缠局。 梳的紋絲不亂的頭發(fā)上则奥,一...
    開封第一講書人閱讀 49,730評(píng)論 1 289
  • 那天,我揣著相機(jī)與錄音狭园,去河邊找鬼读处。 笑死,一個(gè)胖子當(dāng)著我的面吹牛唱矛,可吹牛的內(nèi)容都是我干的罚舱。 我是一名探鬼主播,決...
    沈念sama閱讀 38,882評(píng)論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼绎谦,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼管闷!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起窃肠,我...
    開封第一講書人閱讀 37,643評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤包个,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后冤留,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體碧囊,經(jīng)...
    沈念sama閱讀 44,095評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,448評(píng)論 2 325
  • 正文 我和宋清朗相戀三年纤怒,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了糯而。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,566評(píng)論 1 339
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡泊窘,死狀恐怖熄驼,靈堂內(nèi)的尸體忽然破棺而出像寒,到底是詐尸還是另有隱情,我是刑警寧澤谜洽,帶...
    沈念sama閱讀 34,253評(píng)論 4 328
  • 正文 年R本政府宣布萝映,位于F島的核電站,受9級(jí)特大地震影響阐虚,放射性物質(zhì)發(fā)生泄漏序臂。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,829評(píng)論 3 312
  • 文/蒙蒙 一实束、第九天 我趴在偏房一處隱蔽的房頂上張望奥秆。 院中可真熱鬧,春花似錦咸灿、人聲如沸构订。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)悼瘾。三九已至,卻和暖如春审胸,著一層夾襖步出監(jiān)牢的瞬間亥宿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評(píng)論 1 264
  • 我被黑心中介騙來泰國(guó)打工砂沛, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留烫扼,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,248評(píng)論 2 360
  • 正文 我出身青樓碍庵,卻偏偏與公主長(zhǎng)得像映企,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子静浴,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,440評(píng)論 2 348

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