iOS UICollectionView實現(xiàn)重疊的卡包效果

翻看之前我寫過的文章,絕大多數(shù)都是基于自己所做的項目顿锰,從其中提取出一些自認為不錯的斩箫、可同大家交流分享的設(shè)計或者交互,這篇文章的產(chǎn)出同樣也是基于開頭提到的項目需求撵儿,簡而言之就是項目驅(qū)動隨筆~


一個類似于卡包的效果,由于第一次接觸開發(fā)這樣的效果狐血,對于這種效果的實現(xiàn)也是花了一天半的去調(diào)研淀歇、分析。

在網(wǎng)上檢索相關(guān)關(guān)于wallet效果匈织,發(fā)現(xiàn)這篇的效果與我們項目中的需求比較接近浪默,通過閱讀源碼發(fā)現(xiàn)他的實現(xiàn)思路是在一個scrollview上創(chuàng)建出若干個view,但是如果卡片較多缀匕,此種實現(xiàn)的方式可能會對性能產(chǎn)生一定的負面影響纳决,可能也是該作者更側(cè)重于效果的演示而提供出的一種解決方案。

既然性能上有影響乡小,那是不是可以考慮借助蘋果的緩存池的思想自己寫一套緩存機制加以使用阔加,于是乎瀏覽器又帶我來到了這里

通讀完整篇文章满钟,也只能用“WOC”走天下了胜榔,真的很佩服這位作者,在佩服的同時也感嘆自己實在是沒有勇氣去依照此法實現(xiàn)項目需求所期望的那樣湃番。而且蘋果自己的控件也有實現(xiàn)這套緩存機制夭织,雖然不然清楚緩存的原理是否相同,但是這一塊額外的工作開銷對于項目開發(fā)階段倒是可以規(guī)避的吠撮。

于是乎想到的解決方案是cell里通過override- (void)setFrame:(CGRect)frame來達到cell覆蓋cell的效果尊惰,之所以想到重寫此方法,也是源于之前iOS剛?cè)腴T階段在實現(xiàn)cell分割線效果時使用的解決方案,但是目前這個需求在我實踐之后得到的結(jié)論是:你在想peach弄屡!

說了半篇的廢話题禀,正文開始。

1.重疊cell的效果即是布局方式的直接反應(yīng)
2.可展開可收縮的效果也是對origin屬性的直接控制
3.一個collectionView使用多個layout也是間接的在指明各個分區(qū)特定的布局方式到底是怎樣的

關(guān)于自定義layout如果沒有接觸過的小伙伴可以參考這篇琢岩,文章中對于一些常用方法的說明都比較詳細投剥,有興趣的可以學習一下。

在我看來担孔,其實自定義layout主要還是在計算每個item在collectionView中的布局江锨,通過類UICollectionViewLayoutAttributes記錄每個cell具體的布局信息,并存放于一個數(shù)組中糕篇。包括實現(xiàn)類似于tableView中的分區(qū)頭啄育、尾試圖,也是基于此拌消。

本文demo下載地址:https://github.com/TMMMMMS/TMSWalletLayout.git

稍微復雜一些的交互效果挑豌,可以閱讀這位作者的文章

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市墩崩,隨后出現(xiàn)的幾起案子氓英,更是在濱河造成了極大的恐慌,老刑警劉巖鹦筹,帶你破解...
    沈念sama閱讀 216,402評論 6 499
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件铝阐,死亡現(xiàn)場離奇詭異,居然都是意外死亡铐拐,警方通過查閱死者的電腦和手機徘键,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,377評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來遍蟋,“玉大人吹害,你說我怎么就攤上這事⌒榍啵” “怎么了它呀?”我有些...
    開封第一講書人閱讀 162,483評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長挟憔。 經(jīng)常有香客問我钟些,道長,這世上最難降的妖魔是什么绊谭? 我笑而不...
    開封第一講書人閱讀 58,165評論 1 292
  • 正文 為了忘掉前任政恍,我火速辦了婚禮,結(jié)果婚禮上达传,老公的妹妹穿的比我還像新娘篙耗。我一直安慰自己迫筑,他們只是感情好,可當我...
    茶點故事閱讀 67,176評論 6 388
  • 文/花漫 我一把揭開白布宗弯。 她就那樣靜靜地躺著脯燃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蒙保。 梳的紋絲不亂的頭發(fā)上辕棚,一...
    開封第一講書人閱讀 51,146評論 1 297
  • 那天,我揣著相機與錄音邓厕,去河邊找鬼逝嚎。 笑死,一個胖子當著我的面吹牛详恼,可吹牛的內(nèi)容都是我干的补君。 我是一名探鬼主播,決...
    沈念sama閱讀 40,032評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼昧互,長吁一口氣:“原來是場噩夢啊……” “哼挽铁!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起敞掘,我...
    開封第一講書人閱讀 38,896評論 0 274
  • 序言:老撾萬榮一對情侶失蹤叽掘,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后玖雁,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體够掠,經(jīng)...
    沈念sama閱讀 45,311評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,536評論 2 332
  • 正文 我和宋清朗相戀三年茄菊,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赊堪。...
    茶點故事閱讀 39,696評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡面殖,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出哭廉,到底是詐尸還是另有隱情脊僚,我是刑警寧澤,帶...
    沈念sama閱讀 35,413評論 5 343
  • 正文 年R本政府宣布遵绰,位于F島的核電站辽幌,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏椿访。R本人自食惡果不足惜乌企,卻給世界環(huán)境...
    茶點故事閱讀 41,008評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望成玫。 院中可真熱鬧加酵,春花似錦拳喻、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,659評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至陋葡,卻和暖如春亚亲,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背腐缤。 一陣腳步聲響...
    開封第一講書人閱讀 32,815評論 1 269
  • 我被黑心中介騙來泰國打工捌归, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人柴梆。 一個月前我還...
    沈念sama閱讀 47,698評論 2 368
  • 正文 我出身青樓陨溅,卻偏偏與公主長得像,于是被迫代替她去往敵國和親绍在。 傳聞我的和親對象是個殘疾皇子门扇,可洞房花燭夜當晚...
    茶點故事閱讀 44,592評論 2 353