What's New in iOS 10 -- UICollectionView

花了一上午時(shí)間转锈,看完WWDC2016中UICollectionView相關(guān)內(nèi)容

參考自:What's New in UICollectionView in iOS 10

簡(jiǎn)單總結(jié):

1.UICollectionView、UITableView修改了cell的生命周期,增加了pre-fetch(預(yù)加載)功能屈梁,以及相應(yīng)的API


iOS10以前,cell的生命周期

--- cell即將出現(xiàn)乃坤,馬上要使用的時(shí)候

a.prepareForReuse ?cell重置及恢復(fù)默認(rèn)狀態(tài)旬迹、準(zhǔn)備接收新數(shù)據(jù)

b.cellForItemAtIndexPath 大部分工作都在這執(zhí)行,比如將數(shù)據(jù)填充到cell上液斜,

c.willDisplayCell 這是app提供的最后一個(gè)機(jī)會(huì)累贤,為cell展示做最后的工作

--- cell消失

a.didEndDisplayingCell?

b. 進(jìn)入reuse queue

iOS10

--- cell預(yù)加載

a.prefetchItemsAtIndexPaths

--- 此時(shí)還沒到進(jìn)入屏幕的時(shí)候

b.prepareForReuse

c.cellForItemAtIndexPath

--- 即將出現(xiàn)(從collectionView外進(jìn)入collectionView的那一瞬間)

d.willDisplayCell

--- cell消失

a.didEndDisplayingCell

b.暫緩進(jìn)入reuse queue ?!I倨帷臼膏!

優(yōu)化的原因:

多數(shù)app中,使用UICollectionView(包括UITableView)示损,大部分操作都在cellFor中渗磅,準(zhǔn)備cell的過(guò)程中,時(shí)間代價(jià)昂貴检访。比如解析圖片始鱼、訪問(wèn)數(shù)據(jù)庫(kù)、從coreData加載數(shù)據(jù)等等脆贵。這些操作時(shí)間一般都在主線程中医清,當(dāng)整個(gè)時(shí)間超過(guò)16.667毫秒時(shí),即幀數(shù)少于60丹禀,就會(huì)出現(xiàn)掉幀現(xiàn)象状勤,這樣給用戶的體驗(yàn)是相當(dāng)差的。

改動(dòng)點(diǎn)

增加屬性 prefetchEnabled双泪。 默認(rèn)打開持搜。

新增protocol ?prefetchDataSource。?

// 預(yù)加載內(nèi)容 --- 如異步加載數(shù)據(jù)

@require

- (void)collectionView:(UICollectionView *)collectionView prefetchItemsAtIndexPaths:(NSArray *)indexPaths;

// 對(duì)之前的一些加載可以取消或者降低優(yōu)先級(jí)

@optional

- (void)collectionView:(UICollectionView *)collectionView cancelPrefetchingForItemsAtIndexPaths:(NSArray *)indexPaths;

注:cellForItemAtIndexPath所準(zhǔn)備的cell可能永遠(yuǎn)不會(huì)真正消失【僅僅只是隱藏】

同樣的焙矛。UITableView也加入了pre-fetch的相關(guān)功能

2.優(yōu)化self-sizing cell

現(xiàn)在有三種方式可以動(dòng)態(tài)計(jì)算cell的大小葫盼。

a.autoLayout --- 給cell的contentView添加約束,會(huì)通過(guò)autoLayout系統(tǒng)動(dòng)態(tài)獲取cell的size

b.重寫cell的sizeThatFits()

c.重寫preferredLayoutAttributesFittingAttributes() 【還可以改變alpha村斟、transform等】

大多數(shù)時(shí)候贫导,cell的size是難以預(yù)估抛猫、猜測(cè)的,因此給UICollectionViewFlowLayout的estimatedItemSize增加可選值 UICollectionViewFlowLayoutAutomaticSize

layout.estimatedItemSize = UICollectionViewFlowLayoutAutomaticSize


3.優(yōu)化UICollectionView重新排序

去年新增reordering相關(guān)的API孩灯。

// 手勢(shì)begin時(shí)闺金,通過(guò)該方法啟動(dòng)interactiveMovement

beginInteractiveMovementForItem

// 手勢(shì)changed時(shí),通過(guò)該方法更新cell位置

updateInteractiveMovementTargetPosition

// 手勢(shì)結(jié)束時(shí)峰档,通過(guò)該方法放下cell败匹,結(jié)束interactiveMovement,并且處理數(shù)據(jù)

endInteractiveMovement

// 手勢(shì)取消時(shí)讥巡,通過(guò)該方法將cell恢復(fù)原位掀亩,并取消interactiveMovement

cancelInteractiveMovement,

iOS10中欢顷,僅在iOS9的基礎(chǔ)上做了一些優(yōu)化

a. UICollectionViewController中槽棍,增加屬性installsStandardGestureForInteractiveMovement√浚可以自動(dòng)添加手勢(shì)炼七,并且調(diào)用上述方法。

b.增加翻頁(yè)功能怎爵。類似于iOS系統(tǒng)特石,桌面app移動(dòng)到邊緣翻頁(yè)的效果。 接口即UIScrollView的isPagingEnagled鳖链。

4.UICollectionView姆蘸、UITableView、UIScrollView增加屬性refreshControl

UIRefreshControl可以單獨(dú)在UICollectionView芙委、UITableView逞敷、UIScrollView中使用。進(jìn)API文檔可以發(fā)現(xiàn)灌侣,refreshControl為UIRefreshControlHosting協(xié)議中的屬性推捐,以上三個(gè)類都遵循了該協(xié)議。


詳細(xì)的效果及資料侧啼,大家可以進(jìn)官網(wǎng)看視頻牛柒、或者看PPT~這里就不一一貼出來(lái)了~~~?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市痊乾,隨后出現(xiàn)的幾起案子皮壁,更是在濱河造成了極大的恐慌,老刑警劉巖哪审,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件蛾魄,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)滴须,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門舌狗,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人扔水,你說(shuō)我怎么就攤上這事痛侍。” “怎么了铭污?”我有些...
    開封第一講書人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵恋日,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我嘹狞,道長(zhǎng),這世上最難降的妖魔是什么誓竿? 我笑而不...
    開封第一講書人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任磅网,我火速辦了婚禮,結(jié)果婚禮上筷屡,老公的妹妹穿的比我還像新娘涧偷。我一直安慰自己,他們只是感情好毙死,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開白布燎潮。 她就那樣靜靜地躺著,像睡著了一般扼倘。 火紅的嫁衣襯著肌膚如雪确封。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,046評(píng)論 1 285
  • 那天再菊,我揣著相機(jī)與錄音爪喘,去河邊找鬼。 笑死纠拔,一個(gè)胖子當(dāng)著我的面吹牛秉剑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播稠诲,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼侦鹏,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了臀叙?” 一聲冷哼從身側(cè)響起略水,我...
    開封第一講書人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎匹耕,沒想到半個(gè)月后聚请,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年驶赏,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了炸卑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡煤傍,死狀恐怖盖文,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蚯姆,我是刑警寧澤五续,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站龄恋,受9級(jí)特大地震影響疙驾,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜郭毕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一它碎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧显押,春花似錦扳肛、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至兽肤,卻和暖如春套腹,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背轿衔。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來(lái)泰國(guó)打工沉迹, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人害驹。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓鞭呕,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親宛官。 傳聞我的和親對(duì)象是個(gè)殘疾皇子葫松,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

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