一. 問(wèn)題背景
項(xiàng)目中遇到一個(gè)問(wèn)題曲楚，就是當(dāng)App不在首頁(yè)的時(shí)候幢痘，切換到其他App比如微信，然后返回App當(dāng)前頁(yè)面皆看，然后從當(dāng)前頁(yè)面返回首頁(yè)仓坞，會(huì)在首頁(yè)viewWillAppear這里去拉取是否有未完成訂單的接口，刷新UITableView腰吟，這時(shí)會(huì)出現(xiàn)廣告位閃爍問(wèn)題无埃。
二. 問(wèn)題排查
1.原因分析
這個(gè)問(wèn)題經(jīng)過(guò)斷點(diǎn)調(diào)試和排除法，發(fā)現(xiàn)只要當(dāng)App進(jìn)入后臺(tái)后，回來(lái)刷新首頁(yè)的UITableView都有可能出現(xiàn)閃爍現(xiàn)象录语。
因此首先我們對(duì)圖片的加載做延遲操作倍啥，并在Cell生成方法調(diào)用里面添加相關(guān)打印:
可以看到如下打印日志:
-------------------------indexPath:[0, 0] cell:<XXXTableViewCell: 0x144023800; baseClass = UITableViewCell; frame = (0 36; 414 111); hidden = YES; autoresize = W; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <CALayer: 0x2823b2f20>>
-------------------------indexPath:[0, 1] cell:<XXXTableViewCell: 0x144891c00; baseClass = UITableViewCell; frame = (0 147; 414 111); hidden = YES; autoresize = W; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <CALayer: 0x282392ac0>>
-------------------------indexPath:[0, 2] cell:<XXXTableViewCell: 0x144069000; baseClass = UITableViewCell; frame = (0 258; 414 111); hidden = YES; autoresize = W; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <CALayer: 0x2823b3d40>>
-------------------------indexPath:[0, 3] cell:<XXXTableViewCell: 0x144863c00; baseClass = UITableViewCell; frame = (0 369; 414 111); hidden = YES; autoresize = W; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <CALayer: 0x282393a80>>
-------------------------調(diào)用self.contentTableView.reloadData
-------------------------indexPath:[0, 0] cell:<XXXTableViewCell: 0x144863c00; baseClass = UITableViewCell; frame = (0 369; 414 111); hidden = YES; autoresize = W; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <CALayer: 0x282393a80>>
-------------------------indexPath:[0, 1] cell:<XXXTableViewCell: 0x144069000; baseClass = UITableViewCell; frame = (0 258; 414 111); hidden = YES; autoresize = W; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <CALayer: 0x2823b3d40>>
-------------------------indexPath:[0, 2] cell:<XXXTableViewCell: 0x144891c00; baseClass = UITableViewCell; frame = (0 147; 414 111); hidden = YES; autoresize = W; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <CALayer: 0x282392ac0>>
-------------------------indexPath:[0, 3] cell:<XXXTableViewCell: 0x144023800; baseClass = UITableViewCell; frame = (0 36; 414 111); hidden = YES; autoresize = W; backgroundColor = UIExtendedGrayColorSpace 0 0; layer = <CALayer: 0x2823b2f20>>
從打印日志我們可以看出來(lái)，調(diào)用reloadData方法后澎埠，原來(lái)UITableView的cell位置會(huì)調(diào)整虽缕。
但是如果我們App沒(méi)有進(jìn)入后臺(tái)，而是直接調(diào)用UITableView的reloadData方法蒲稳，并不會(huì)出現(xiàn)閃爍現(xiàn)象氮趋。
因此可以這里可以推測(cè)應(yīng)該是進(jìn)入后臺(tái)做了什么操作導(dǎo)致，回到App刷新才會(huì)導(dǎo)致閃爍江耀。
因?yàn)槭褂玫氖?code>SDWebImage加載框架加載剩胁，我們合理的懷疑是加載圖片的SDWebImage框架，進(jìn)入后臺(tái)的處理邏輯導(dǎo)致的,因此我們先使用imageCacheDict字典寫下圖片加載和緩存邏輯:
經(jīng)測(cè)試祥国，進(jìn)入后臺(tái)昵观，再返回App刷新不會(huì)出現(xiàn)閃爍現(xiàn)象。
因此可以肯定UITableView調(diào)用reloadData方法閃爍原因是SDWebImage舌稀，在進(jìn)入后臺(tái)的時(shí)候?qū)?nèi)存緩存做了相關(guān)操作導(dǎo)致啊犬。
我們都知道SDWebImage，默認(rèn)是使用NSCache來(lái)做內(nèi)存緩存壁查，而NSCache在進(jìn)入后臺(tái)的時(shí)候觉至，默認(rèn)會(huì)清空緩存操作，導(dǎo)致返回App調(diào)用UITableView調(diào)用reloadData方法時(shí)候睡腿，SDWebImage需要根據(jù)圖片地址重新去磁盤獲取圖像數(shù)據(jù)语御，然后解壓解碼渲染，因?yàn)槭菑木彺娲疟P直接獲取圖像數(shù)據(jù)席怪，沒(méi)有渲染流程应闯，因此會(huì)造成閃爍。
為了驗(yàn)證這個(gè)猜想何恶，我們使用YYWebImage加載框架來(lái)做對(duì)比實(shí)驗(yàn):
- 首先注釋掉
YYWebImage進(jìn)入后臺(tái)清空內(nèi)存緩存的邏輯:
image.png
- 然后進(jìn)入后臺(tái)孽锥，返回
App調(diào)用UITableView調(diào)用reloadData刷新，發(fā)現(xiàn)一切正常细层。
-
原因總結(jié):
第一個(gè)原因是
UITableView調(diào)用reloadData方法惜辑，由于UITableViewCell的復(fù)用，會(huì)出現(xiàn)Cell位置調(diào)整現(xiàn)象由于
SDWebImage使用了NSCache做內(nèi)存緩存疫赎，當(dāng)App進(jìn)入后臺(tái)盛撑，NSCache會(huì)清空內(nèi)存緩存，導(dǎo)致返回App后調(diào)用UITableView調(diào)用reloadData捧搞，刷新去加載圖片的時(shí)候抵卫，需要從SDWebImage的磁盤中重新獲取圖片數(shù)據(jù)狮荔，然后重新解壓解碼渲染，因?yàn)閺拇疟P中讀取速度快介粘，兩者原因?qū)е铝碎W爍殖氏。
三. 解決方案
因?yàn)樵摤F(xiàn)象是由如上兩個(gè)原因?qū)е拢虼酸槍?duì)這兩個(gè)原因姻采，有如下兩種解決方案:
- 解決
UITableViewCell復(fù)用問(wèn)題
可以通過(guò)設(shè)置ReusableCellWithIdentifier不同雅采，保證廣告cell不進(jìn)行復(fù)用。
NSString *cellId = [NSString stringWithFormat:@"%ld-%ld-FJFAdTableViewCell", indexPath.section, indexPath.row];
- 從后臺(tái)返回后慨亲，提早進(jìn)行刷新操作
當(dāng)從后臺(tái)返回App前臺(tái)的時(shí)候或者視圖添加到父視圖的時(shí)候婚瓜，先執(zhí)行下UITableView調(diào)用reloadData方法，提前通過(guò)SDWebImage去從磁盤中加載圖片刑棵。
從后臺(tái)返回前臺(tái):
[NSNotificationCenter.defaultCenter addObserver:self selector:@selector(willEnterForeground) name:UIApplicationWillEnterForegroundNotification object:nil];
- (void)willEnterForeground {
[self.tableView reloadData];
NSLog(@"--------------------------willEnterForeground");
}
視圖添加到父視圖:
- (void)willMoveToParentViewController:(UIViewController *)parent {
[self.tableView reloadData];
}
