[iOS]UITableView\UICollectionView多樣式cell重用

多樣式cell的重用機(jī)制

學(xué)習(xí)IOS已經(jīng)有差不多三個(gè)月時(shí)間了备燃,第一篇文章晌杰,記錄一下這幾個(gè)月來(lái)我以及周圍朋友初級(jí)階段都會(huì)遇到的一個(gè)問(wèn)題-----類似于圖上的功能(一個(gè)UITableView或者UICollectionView 通過(guò)選擇按鈕切換不同的數(shù)據(jù)源、以及內(nèi)容)
這樣的構(gòu)造在許多應(yīng)用都會(huì)用到鲤孵,因此吧凉,我覺(jué)得這一個(gè)知識(shí)點(diǎn)很有必要掌握舍沙。很神奇的是,和我一起學(xué)習(xí)的童鞋們不會(huì)用的居然是占大多數(shù)颊亮。下面柴梆,我會(huì)大概來(lái)講一講它的使用步驟。(我的第一個(gè)APP 作為我的第一個(gè)demo终惑,有些小緊張/(ㄒoㄒ)/~~屏幕沒(méi)有適配绍在、233)

1.寫UITableView/UICollectionView

if(!_conllertionView){
      _conllertionView = [UICollectionView alloc]initWithFrame(0,self.frame.size.height/3.0,
self.frame.size.width,self.frame.size.height - self.frame.size.height/3.0)];
     _conllertionView.delegata = self;
     _conllertionView.dataSource = self;
}
      return _conllertionView;

注意---
代理寫完后,記住加上協(xié)議
UITableView:UITableViewDelegate / UITableViewDataSource
UICollectionView:UICollectionViewDelegate / UICollectionViewDataSource

隨后加上他們必須要的方法,這里我以UICollectionView為例

//Section個(gè)數(shù)
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
}
//數(shù)據(jù)個(gè)數(shù)(cell個(gè)數(shù))
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
}
//cell內(nèi)容
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
}
//上下左右距離
-(UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout insetForSectionAtIndex:(NSInteger)section{
}
//每個(gè)UICollectionView大小
-(CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout *)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath{
}

//設(shè)置cell行距
- (CGFloat)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout minimumLineSpacingForSectionAtIndex:(NSInteger)section{
}

基本的設(shè)置上大概完成了偿渡、以下內(nèi)容是重點(diǎn)臼寄。首先分析我們點(diǎn)擊的每一個(gè)按鈕都會(huì)對(duì)應(yīng)不同的界面。

點(diǎn)擊漫畫(huà)溜宽、它的cell是圓形的
點(diǎn)擊漫推吉拳,它的cell是方形的

點(diǎn)擊動(dòng)畫(huà),是長(zhǎng)方形的

然后适揉,通過(guò)對(duì)界面的分析留攒,我們可以知道,完成這樣的效果是需要用到重用機(jī)制的嫉嘀。因此炼邀、我們需要用到不同的cell。所以剪侮,分別建立不同的基于(UICollectionViewCell的類拭宁,分別對(duì)其進(jìn)行設(shè)置。(這里注意把數(shù)據(jù)需要使用的控件定義為屬性放到.h文件里哦~)
做到這里大部分的工作都已經(jīng)完成了票彪,最復(fù)雜,同時(shí)也是許多新手不容易想到的地方出現(xiàn)了不狮。我們很容易想到這個(gè)效果會(huì)用不同的Cell,但是究竟如何使用卻成為了一個(gè)難題降铸。大多數(shù)新手會(huì)忘記“重用”,這里的重用不是簡(jiǎn)單的對(duì)相同樣式進(jìn)行重用摇零,而是利用它的重用機(jī)制推掸,完成不同樣式的切換效果。

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
if ([self.title1 isEqualToString:@"漫畫(huà)"]) {        
[_conllertionView registerClass:[CartCollectionViewCell class] forCellWithReuseIdentifier:@"CartCell"];    
    CartCollectionViewCell *myCell=[collectionView dequeueReusableCellWithReuseIdentifier:  @"CartCell" forIndexPath:indexPath];     
     //相關(guān)設(shè)置 
          self.nowCell = myCell;   
 }else if ([self.title1 isEqualToString:@"我的漫推"]){     
         [_conllertionView registerClass:[ManTuiCollectionViewCell class]forCellWithReuseIdentifier:@"MantuiCell"];   
         ManTuiCollectionViewCell *myCell1=[collectionView dequeueReusableCellWithReuseIdentifier:  @"MantuiCell" forIndexPath:indexPath];        
 //相關(guān)設(shè)置               
         self.nowCell = myCell1;   
 }else if([self.title1 isEqualToString:@"動(dòng)畫(huà)"]){  
      [_conllertionView registerClass:[AnimaCollectionViewCell class] forCellWithReuseIdentifier:@"AnimaCell"];    
      AnimaCollectionViewCell *myCell2=[collectionView dequeueReusableCellWithReuseIdentifier:@"AnimaCell" forIndexPath:indexPath]; 
 //相關(guān)設(shè)置      
       self.nowCell = myCell2;    } 
   return self.nowCell;   
}

我們利用它的重用機(jī)制驻仅,針對(duì)三次點(diǎn)擊谅畅,注冊(cè)了不同的cell,這樣噪服,就可以有我們想要達(dá)到的效果了毡泻。只有我們點(diǎn)擊了不同的標(biāo)簽,程序就會(huì)找到自己所對(duì)應(yīng)的cell進(jìn)行設(shè)置粘优,這步完成后仇味,千萬(wàn)不要忘記每個(gè)UICollectionView的其他屬性也會(huì)根據(jù)不同的標(biāo)簽進(jìn)行改變的。
(這里我以返回?cái)?shù)量為例雹顺,其他屬性設(shè)置方法都是雷同的)

//數(shù)據(jù)個(gè)數(shù)(cell個(gè)數(shù))
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
       if ([self.title1 isEqualToString:@"漫畫(huà)"]) {        
           return "漫畫(huà)數(shù)據(jù)源個(gè)數(shù)";
          }else if ([self.title1 isEqualToString:@"我的漫推"]){     
          return "我的漫推數(shù)據(jù)源個(gè)數(shù)";
                     }else if([self.title1 isEqualToString:@"動(dòng)畫(huà)"]){  
                      return "漫畫(huà)數(shù)據(jù)源個(gè)數(shù)";   
                            } else{
                                        return 10;
                     }
}

總結(jié)
1.創(chuàng)建不同數(shù)據(jù)來(lái)存放數(shù)據(jù)(這里我推薦使用MVC模式丹墨,將數(shù)據(jù)放進(jìn)Mode里某些方面還能避免數(shù)據(jù)重用)
2.創(chuàng)建不同Cell使用其樣式
3.數(shù)據(jù)源改變,UICollectionView的其他屬性也會(huì)根據(jù)需求進(jìn)行改變

寫到這里嬉愧,大部分的東西也都講完了贩挣,如果還有什么地方不明白,可以一起進(jìn)行交流,探討王财。

最后卵迂,我的表述能力可能不是很好,如有哪些地方描述得不合適搪搏,請(qǐng)見(jiàn)諒狭握。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市疯溺,隨后出現(xiàn)的幾起案子论颅,更是在濱河造成了極大的恐慌,老刑警劉巖囱嫩,帶你破解...
    沈念sama閱讀 221,198評(píng)論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件恃疯,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡墨闲,警方通過(guò)查閱死者的電腦和手機(jī)今妄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評(píng)論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)鸳碧,“玉大人盾鳞,你說(shuō)我怎么就攤上這事≌袄耄” “怎么了腾仅?”我有些...
    開(kāi)封第一講書(shū)人閱讀 167,643評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)套利。 經(jīng)常有香客問(wèn)我推励,道長(zhǎng),這世上最難降的妖魔是什么肉迫? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 59,495評(píng)論 1 296
  • 正文 為了忘掉前任验辞,我火速辦了婚禮,結(jié)果婚禮上喊衫,老公的妹妹穿的比我還像新娘跌造。我一直安慰自己,他們只是感情好族购,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,502評(píng)論 6 397
  • 文/花漫 我一把揭開(kāi)白布鼻听。 她就那樣靜靜地躺著,像睡著了一般联四。 火紅的嫁衣襯著肌膚如雪撑碴。 梳的紋絲不亂的頭發(fā)上,一...
    開(kāi)封第一講書(shū)人閱讀 52,156評(píng)論 1 308
  • 那天朝墩,我揣著相機(jī)與錄音醉拓,去河邊找鬼伟姐。 笑死,一個(gè)胖子當(dāng)著我的面吹牛亿卤,可吹牛的內(nèi)容都是我干的愤兵。 我是一名探鬼主播,決...
    沈念sama閱讀 40,743評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼排吴,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼秆乳!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起钻哩,我...
    開(kāi)封第一講書(shū)人閱讀 39,659評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤屹堰,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后街氢,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體扯键,經(jīng)...
    沈念sama閱讀 46,200評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,282評(píng)論 3 340
  • 正文 我和宋清朗相戀三年珊肃,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了荣刑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,424評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡伦乔,死狀恐怖厉亏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情烈和,我是刑警寧澤爱只,帶...
    沈念sama閱讀 36,107評(píng)論 5 349
  • 正文 年R本政府宣布,位于F島的核電站斥杜,受9級(jí)特大地震影響虱颗,放射性物質(zhì)發(fā)生泄漏沥匈。R本人自食惡果不足惜蔗喂,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,789評(píng)論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望高帖。 院中可真熱鬧缰儿,春花似錦、人聲如沸散址。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,264評(píng)論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)预麸。三九已至瞪浸,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間吏祸,已是汗流浹背对蒲。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,390評(píng)論 1 271
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人蹈矮。 一個(gè)月前我還...
    沈念sama閱讀 48,798評(píng)論 3 376
  • 正文 我出身青樓砰逻,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親泛鸟。 傳聞我的和親對(duì)象是個(gè)殘疾皇子蝠咆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,435評(píng)論 2 359

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