iOS流布局UICollectionView——圓環(huán)布局的實現(xiàn)

轉載:https://my.oschina.net/u/2340880/blog/523064

一咙边、引言

前邊的幾篇博客付魔,我們了解了UICollectionView的基本用法以及一些擴展,在不定高的瀑布流布局中碱茁,我們發(fā)現(xiàn)棍好,可以通過設置具體的布局屬性類UICollectionViewLayoutAttributes來設置設置每個item的具體位置,我們可以再擴展一下耿焊,如果位置我們可以自由控制,那個布局我們也可以更加靈活扬蕊,就比如創(chuàng)建一個如下的circleLayout:

這種布局方式在apple的官方文檔中也有介紹搀别,是UICollectionView的一個應用示例丹擎。

二尾抑、設計一個圓環(huán)布局

接著我們以前的想法,依然時候隨機顏色的色塊來表達我們的item蒂培,先自定義一個layout類再愈,這個類繼承于UICollectionViewLayout,UICollectionLayout是一個布局抽象基類护戳,我們要使用自定義的布局方式翎冲,必須將其子類化,可能你還記得媳荒,我們在進行瀑布流布局的時候使用過UICollectionViewFlowLayout類抗悍,這個類就是繼承于UICollectionViewLayout類,系統(tǒng)為我們實現(xiàn)好的一個布局方案钳枕。

@interfaceMyLayout:?UICollectionViewLayout//這個int值存儲有多少個item

@property(nonatomic,assign)int?itemCount;

@end

我們需要重寫這個類的三個方法缴渊,來進行圓環(huán)布局的設置,首先是prepareLayout鱼炒,為布局做一些準備工作衔沼,使用collectionViewContentSize來設置內(nèi)容的區(qū)域大小,最后使用layoutAttributesForElementsInRect方法來返回我們的布局信息字典昔瞧,這個前面瀑布流布局的思路是一樣的:



如上非常簡單的一些邏輯控制指蚁,我們就實現(xiàn)哦圓環(huán)布局,隨著item的多少自晰,布局會自動調(diào)整凝化,如果不是UICollectionView的功勞,實現(xiàn)這樣的功能酬荞,我們可能要寫上一陣子了^_^搓劫。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末劣光,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子糟把,更是在濱河造成了極大的恐慌绢涡,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件遣疯,死亡現(xiàn)場離奇詭異雄可,居然都是意外死亡,警方通過查閱死者的電腦和手機缠犀,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評論 3 385
  • 文/潘曉璐 我一進店門数苫,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人辨液,你說我怎么就攤上這事虐急。” “怎么了滔迈?”我有些...
    開封第一講書人閱讀 157,921評論 0 348
  • 文/不壞的土叔 我叫張陵止吁,是天一觀的道長。 經(jīng)常有香客問我燎悍,道長敬惦,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,648評論 1 284
  • 正文 為了忘掉前任谈山,我火速辦了婚禮俄删,結果婚禮上,老公的妹妹穿的比我還像新娘奏路。我一直安慰自己畴椰,他們只是感情好,可當我...
    茶點故事閱讀 65,770評論 6 386
  • 文/花漫 我一把揭開白布鸽粉。 她就那樣靜靜地躺著斜脂,像睡著了一般。 火紅的嫁衣襯著肌膚如雪潜叛。 梳的紋絲不亂的頭發(fā)上秽褒,一...
    開封第一講書人閱讀 49,950評論 1 291
  • 那天,我揣著相機與錄音威兜,去河邊找鬼销斟。 笑死,一個胖子當著我的面吹牛椒舵,可吹牛的內(nèi)容都是我干的蚂踊。 我是一名探鬼主播,決...
    沈念sama閱讀 39,090評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼笔宿,長吁一口氣:“原來是場噩夢啊……” “哼犁钟!你這毒婦竟也來了棱诱?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,817評論 0 268
  • 序言:老撾萬榮一對情侶失蹤涝动,失蹤者是張志新(化名)和其女友劉穎迈勋,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體醋粟,經(jīng)...
    沈念sama閱讀 44,275評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡靡菇,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,592評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了米愿。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片厦凤。...
    茶點故事閱讀 38,724評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖育苟,靈堂內(nèi)的尸體忽然破棺而出较鼓,到底是詐尸還是另有隱情,我是刑警寧澤违柏,帶...
    沈念sama閱讀 34,409評論 4 333
  • 正文 年R本政府宣布博烂,位于F島的核電站,受9級特大地震影響勇垛,放射性物質(zhì)發(fā)生泄漏脖母。R本人自食惡果不足惜士鸥,卻給世界環(huán)境...
    茶點故事閱讀 40,052評論 3 316
  • 文/蒙蒙 一闲孤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧烤礁,春花似錦讼积、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鲤脏,卻和暖如春们颜,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背猎醇。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評論 1 266
  • 我被黑心中介騙來泰國打工窥突, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人硫嘶。 一個月前我還...
    沈念sama閱讀 46,503評論 2 361
  • 正文 我出身青樓阻问,卻偏偏與公主長得像,于是被迫代替她去往敵國和親沦疾。 傳聞我的和親對象是個殘疾皇子称近,可洞房花燭夜當晚...
    茶點故事閱讀 43,627評論 2 350

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