TableView刷新閃動(dòng)問題 —— iOS 11

背景:

商品詳情頁,內(nèi)容較多咧七,分多個(gè)接口請(qǐng)求加載衰齐。根據(jù)請(qǐng)求到的數(shù)據(jù)任斋,來判斷是否顯示某些內(nèi)容继阻。

處理方法

多個(gè)接口按順序請(qǐng)求,請(qǐng)求完一個(gè)废酷,在接著請(qǐng)求下一個(gè)瘟檩。將得到的數(shù)據(jù),加載進(jìn)來澈蟆,在刷新整個(gè)商品詳情的tableView墨辛。

現(xiàn)象:

iOS 11系統(tǒng)下,TableView 調(diào)用reloadData方法趴俘,會(huì)導(dǎo)致整個(gè)界面跳動(dòng)睹簇、閃屏現(xiàn)象,拖拉到某個(gè)位置寥闪,在根據(jù)接口返回?cái)?shù)據(jù)加載刷新tableView太惠,效果更慘。疲憋。iOS 11之前系統(tǒng)不會(huì)出現(xiàn)閃屏跳動(dòng)現(xiàn)象凿渊。效果如下圖:

iOS 11默認(rèn)效果.gif

分析原因

既然只是在iOS 11系統(tǒng)才會(huì)出現(xiàn)這個(gè)問題,就研究下iOS 11的一個(gè)特性缚柳。
iOS 11系統(tǒng)埃脏,tableView的加載及顯示cell機(jī)制做了調(diào)整。

根本原因

產(chǎn)生的原因是在創(chuàng)建TableViewCelll的時(shí)候秋忙,系統(tǒng)給加了一個(gè)默認(rèn)預(yù)估estimatedRowHeight的cell高度== UITableViewAutomaticDimension彩掐。
參見系統(tǒng)屬性備注:@property (nonatomic) CGFloat estimatedRowHeight NS_AVAILABLE_IOS(7_0); // default is UITableViewAutomaticDimension, set to 0 to disable
默認(rèn)是UITableViewAutomaticDimension,當(dāng)設(shè)置這個(gè)屬性是0的時(shí)候,就不會(huì)估算cell高度了灰追。

iOS 11以后系統(tǒng)默認(rèn)開啟Self-Sizing佩谷,Self-Sizing官方文檔解釋:大概是說我們不用再自己去計(jì)算cell的高度了,只要設(shè)置好這兩個(gè)屬性监嗜,約束好布局谐檀,系統(tǒng)會(huì)自動(dòng)計(jì)算好cell的高度。

解決辦法:

將估算高度設(shè)置為0即可:

tableView.estimatedRowHeight = 0;

如果你有使用裁奇、加載sectionHeadView或sectionFootView的需求桐猬,也會(huì)出現(xiàn)閃屏現(xiàn)象,同理將這兩個(gè)估算高度設(shè)置為0即可刽肠。

tableview.estimatedSectionHeaderHeight = 0;
tableview.estimatedSectionFooterHeight = 0;
修復(fù)之后的效果圖:
iOS 11 修復(fù)之后的效果.gif
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末溃肪,一起剝皮案震驚了整個(gè)濱河市免胃,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌惫撰,老刑警劉巖羔沙,帶你破解...
    沈念sama閱讀 222,183評(píng)論 6 516
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異厨钻,居然都是意外死亡扼雏,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,850評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門夯膀,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诗充,“玉大人,你說我怎么就攤上這事诱建『眩” “怎么了?”我有些...
    開封第一講書人閱讀 168,766評(píng)論 0 361
  • 文/不壞的土叔 我叫張陵俺猿,是天一觀的道長茎匠。 經(jīng)常有香客問我,道長押袍,這世上最難降的妖魔是什么诵冒? 我笑而不...
    開封第一講書人閱讀 59,854評(píng)論 1 299
  • 正文 為了忘掉前任,我火速辦了婚禮伯病,結(jié)果婚禮上造烁,老公的妹妹穿的比我還像新娘。我一直安慰自己午笛,他們只是感情好惭蟋,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,871評(píng)論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著药磺,像睡著了一般告组。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上癌佩,一...
    開封第一講書人閱讀 52,457評(píng)論 1 311
  • 那天木缝,我揣著相機(jī)與錄音,去河邊找鬼围辙。 笑死我碟,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的姚建。 我是一名探鬼主播矫俺,決...
    沈念sama閱讀 40,999評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼!你這毒婦竟也來了厘托?” 一聲冷哼從身側(cè)響起友雳,我...
    開封第一講書人閱讀 39,914評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎铅匹,沒想到半個(gè)月后押赊,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,465評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡包斑,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,543評(píng)論 3 342
  • 正文 我和宋清朗相戀三年流礁,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片舰始。...
    茶點(diǎn)故事閱讀 40,675評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡崇棠,死狀恐怖咽袜,靈堂內(nèi)的尸體忽然破棺而出丸卷,到底是詐尸還是另有隱情,我是刑警寧澤询刹,帶...
    沈念sama閱讀 36,354評(píng)論 5 351
  • 正文 年R本政府宣布谜嫉,位于F島的核電站,受9級(jí)特大地震影響凹联,放射性物質(zhì)發(fā)生泄漏沐兰。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,029評(píng)論 3 335
  • 文/蒙蒙 一蔽挠、第九天 我趴在偏房一處隱蔽的房頂上張望住闯。 院中可真熱鬧,春花似錦澳淑、人聲如沸比原。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,514評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽量窘。三九已至,卻和暖如春氢拥,著一層夾襖步出監(jiān)牢的瞬間蚌铜,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,616評(píng)論 1 274
  • 我被黑心中介騙來泰國打工嫩海, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留冬殃,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,091評(píng)論 3 378
  • 正文 我出身青樓叁怪,卻偏偏與公主長得像审葬,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,685評(píng)論 2 360

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