iOS類(lèi)似淘寶篩選的菜單collectionView菜單

寫(xiě)在前面真仲,一直以來(lái)特別想寫(xiě)點(diǎn)東西。記得有次老大曾經(jīng)說(shuō)過(guò)一句話初澎,不要一直手心向上秸应,要說(shuō)會(huì)手心向下。懂得分享碑宴,好多次決定寫(xiě)文章软啼,可是擔(dān)心自己寫(xiě)出來(lái)的質(zhì)量不高,反反復(fù)復(fù)好幾次延柠。今日再次下決心開(kāi)啟的“半桶水”的分享祸挪。
好吧嘮叨了一大堆,直接進(jìn)入主題:

下面的這個(gè)就是我們?cè)僖彩煜げ贿^(guò)來(lái)的淘寶贞间,搜索結(jié)果頁(yè)的篩選頁(yè)面贿条,今天的主題就是實(shí)現(xiàn)這個(gè)樣的效果。


Paste_Image.png
首先看看我的做出來(lái)效果
group.gif
實(shí)現(xiàn)的原理

就是UICollectionView 的分組
主要想說(shuō)的是我靠的是數(shù)據(jù)刷新的頁(yè)面增热,首先來(lái)看看我的數(shù)據(jù)這里是自己造的數(shù)據(jù)也是模擬接口返回的那種

-(void)loadData{
    self.dataArray = [NSMutableArray array];
    
    
    NSMutableDictionary *mudic = [NSMutableDictionary dictionary];
    mudic[@"switch"] = @"0";
    mudic[@"name"] = @"教材分冊(cè)1";

    NSMutableArray *arr  = [NSMutableArray array];
    for(int i = 0;i<20;i++){
        NSMutableDictionary *dic = [NSMutableDictionary dictionary];
        dic[@"name"]=[NSString stringWithFormat:@"第%d章",i];
        dic[@"id"]=[NSString stringWithFormat:@"%d",i];
        dic[@"showclose"]=@"0";
        [arr addObject:dic];
    }
    mudic[@"data"]=arr;
    
    for(int i=0;i<10;i++){
        [self.dataArray addObject:mudic];
    }
    
    self.scrArray = [self.dataArray mutableCopy];
}

1.這里的switch 是需要自己添加的字:控制右側(cè)的關(guān)閉展開(kāi)
2.內(nèi)層的showclose是控制里面的是否選中
3.self.scrArray 這個(gè)數(shù)組主要是保留一份最原始的數(shù)據(jù)源整以,而我們操作的主要是self.dataArray,接著往下看明白

接下來(lái)我們看好一下代理的實(shí)現(xiàn)
- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath{
    
    FiltrateReusableView *headReusableView=[collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"FiltrateReusableView" forIndexPath:indexPath];
    headReusableView.index = indexPath.section;
    headReusableView.dic = self.dataArray[indexPath.section];
    
    headReusableView.filtrateReusableViewBlock = ^(BOOL state,NSInteger index){
        NSDictionary *dic = self.dataArray[index];
        NSMutableDictionary *mudic = [NSMutableDictionary dictionaryWithDictionary:dic];
        NSString *stateStr = @"0";
        if(state){
            stateStr = @"1";
        }
        mudic[@"switch"]=stateStr;
        [self.dataArray replaceObjectAtIndex:index withObject:mudic];
        
        NSIndexSet *set = [NSIndexSet indexSetWithIndex:index];
        [self.collectView reloadSections:set];
        
    };
    return headReusableView;
    
}


-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView {
    return self.dataArray.count;
}
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section {
    NSDictionary *sedic = self.dataArray[section];
    NSArray *arr = sedic[@"data"];
   
    if([sedic[@"switch"] integerValue]==0&&arr.count>6){
        return 6;
    }
    return arr.count;
}
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
    FiltrateCVCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"FiltrateCVCell" forIndexPath:indexPath];
    NSDictionary *sedic = self.dataArray[indexPath.section];
    NSArray *arr  = sedic[@"data"];
    NSDictionary *item = arr[indexPath.row];
    
    cell.dic = item;
    return cell;
}
-(void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath {
    NSDictionary *dic = self.dataArray[indexPath.section];
    NSMutableDictionary *musecDic = [NSMutableDictionary dictionaryWithDictionary:dic];
    
    NSArray *arr  = musecDic[@"data"];
    NSMutableArray *muArr = [NSMutableArray arrayWithArray:arr];
    
    NSDictionary *item = muArr[indexPath.row];
    NSMutableDictionary *mudic = [NSMutableDictionary dictionaryWithDictionary:item];
    
    if([mudic[@"showclose"] integerValue]==1){//已經(jīng)選中的
        musecDic = self.scrArray[indexPath.section];
        
    }else{
        mudic[@"showclose"]=@"1";
        musecDic[@"data"] = @[mudic];
    }
    
    [self.dataArray replaceObjectAtIndex:indexPath.section withObject:musecDic];
    
    NSIndexSet *set = [NSIndexSet indexSetWithIndex:indexPath.section];
    [self.collectView reloadSections:set];

}

怎么樣是否感覺(jué)立刻清晰多了,靠更改數(shù)據(jù)刷新對(duì)應(yīng)的section峻仇。

好吧就這樣了公黑,感覺(jué)解析的語(yǔ)言比較少,突然想起來(lái)一句話彪悍的人生不需要解釋摄咆。啦啦啦啦啦凡蚜,稍后我會(huì)整理一個(gè)demo,當(dāng)然也會(huì)放上來(lái),哪里呢github 吭从,正好開(kāi)始自己的git旅程朝蜘,逼迫自己不斷前進(jìn)!

文章的菜單我也專(zhuān)門(mén)從項(xiàng)目中提取出來(lái)做了一個(gè)簡(jiǎn)單的YJDemo地址

后續(xù):

如果你覺(jué)得對(duì)你有用歡迎給我一個(gè)star 涩金,鼓勵(lì)一下自己以后越來(lái)越好谱醇,爭(zhēng)取提高分享更干的貨!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末鸭廷,一起剝皮案震驚了整個(gè)濱河市枣抱,隨后出現(xiàn)的幾起案子熔吗,更是在濱河造成了極大的恐慌辆床,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,561評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件桅狠,死亡現(xiàn)場(chǎng)離奇詭異讼载,居然都是意外死亡轿秧,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,218評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)咨堤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)菇篡,“玉大人,你說(shuō)我怎么就攤上這事一喘∏梗” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,162評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵凸克,是天一觀的道長(zhǎng)议蟆。 經(jīng)常有香客問(wèn)我,道長(zhǎng)萎战,這世上最難降的妖魔是什么咐容? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,470評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮蚂维,結(jié)果婚禮上戳粒,老公的妹妹穿的比我還像新娘。我一直安慰自己虫啥,他們只是感情好蔚约,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,550評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著涂籽,像睡著了一般炊琉。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上又活,一...
    開(kāi)封第一講書(shū)人閱讀 49,806評(píng)論 1 290
  • 那天苔咪,我揣著相機(jī)與錄音,去河邊找鬼柳骄。 笑死团赏,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的耐薯。 我是一名探鬼主播舔清,決...
    沈念sama閱讀 38,951評(píng)論 3 407
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼曲初!你這毒婦竟也來(lái)了体谒?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,712評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤臼婆,失蹤者是張志新(化名)和其女友劉穎抒痒,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體颁褂,經(jīng)...
    沈念sama閱讀 44,166評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡故响,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,510評(píng)論 2 327
  • 正文 我和宋清朗相戀三年傀广,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片彩届。...
    茶點(diǎn)故事閱讀 38,643評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡伪冰,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出樟蠕,到底是詐尸還是另有隱情贮聂,我是刑警寧澤,帶...
    沈念sama閱讀 34,306評(píng)論 4 330
  • 正文 年R本政府宣布寨辩,位于F島的核電站寂汇,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏捣染。R本人自食惡果不足惜骄瓣,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,930評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望耍攘。 院中可真熱鬧榕栏,春花似錦、人聲如沸蕾各。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,745評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)式曲。三九已至妨托,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間吝羞,已是汗流浹背兰伤。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,983評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留钧排,地道東北人敦腔。 一個(gè)月前我還...
    沈念sama閱讀 46,351評(píng)論 2 360
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像恨溜,于是被迫代替她去往敵國(guó)和親符衔。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,509評(píng)論 2 348

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