相信有很多人遇到這種一行兩列或者是更多列的許多人的做法是用tabview來做，可是蘋果提供給了我們一個更方便的uicollection的正塌。用這個來做更加的方便致燥，因為搜了下百度上的一個界面上兩個collectionView的資料，發(fā)現(xiàn)很多人都只是提供了思路沒有給出代碼蹂安，研究了下寫了份關(guān)于同一個界面下兩個collectionView的demo蝴悉，希望以后遇到這個問題的同學(xué)可以很好的解決.
1
同一界面下兩個collectionView的主要思路就是用不同的id來進行判斷彰阴。
- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor whiteColor];
//創(chuàng)建兩個按鈕來進行collectionView的切換
for (NSInteger i=0; i<2; i++) {
UIButtonbtn=[[UIButton alloc]init];
[btn setTitle:[NSString stringWithFormat:@"%ld",i] forState:UIControlStateNormal];
[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
btn.frame=CGRectMake(i100, 0, 100, 50);
btn.backgroundColor=[UIColor blueColor];
btn.tag=i;
[btn addTarget:self action:@selector(btnclick:) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn];
}
//3.注冊collectionViewCell
//注意，此處的ReuseIdentifier 必須和 cellForItemAtIndexPath 方法中 一致 均為 cellId
self.cellIdStr=cellID1;
if ([self.cellIdStr isEqualToString:self.cellIdStr]) {
//注冊cell
[self.mainCollectionView1 registerClass:[MyCollectionViewCell class] forCellWithReuseIdentifier:self.cellIdStr];
//注冊headerView 此處的ReuseIdentifier 必須和 cellForItemAtIndexPath 方法中 一致 均為reusableView
[self.mainCollectionView1 registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"reusableView"];
}else{
[self.mainCollectionView2 registerClass:[CollectionViewCell class] forCellWithReuseIdentifier:cellID2];
[self.mainCollectionView2 registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"reusableView"];
}
}
這里self.mainCollectionView1使用了懶加載來進行創(chuàng)建 mainCollectionView2同理
-(UICollectionView )mainCollectionView1
{
if (_mainCollectionView1==nil) {
//1.初始化layout
UICollectionViewFlowLayout layout1 = [[UICollectionViewFlowLayout alloc] init];
//設(shè)置collectionView滾動方向
// [layout setScrollDirection:UICollectionViewScrollDirectionHorizontal];
//設(shè)置headerView的尺寸大小
layout1.headerReferenceSize = CGSizeMake(self.view.frame.size.width, 200);
//該方法也可以設(shè)置itemSize
// layout.itemSize =CGSizeMake((clhwidth-105)/4, 150);
layout1.itemSize =CGSizeMake((clhwidth)/4, 150);
NSLog(@"%f",(clhwidth-105)/4);
//2.初始化collectionView
_mainCollectionView1 = [[UICollectionView alloc] initWithFrame:CGRectMake(0, 50, clhwidth, clhheight-50) collectionViewLayout:layout1];
[self.view addSubview:_mainCollectionView1];
_mainCollectionView1.backgroundColor = [UIColor clearColor];
[_mainCollectionView1 registerClass:[MyCollectionViewCell class] forCellWithReuseIdentifier:cellID1];
[_mainCollectionView1 registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"reusableView"];
//4.設(shè)置代理
self.mainCollectionView1.delegate = self;
self.mainCollectionView1.dataSource = self;
}
return _mainCollectionView1;
}
2
接下來就進行操作數(shù)據(jù)源了拍冠，通過不同的cellID來判斷使用哪個uicollectionView 這里的
//返回section個數(shù)
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
return 3;
}
//每個section的item個數(shù)
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
return 9;
}
-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
if ([self.cellIdStr isEqualToString:cellID1]) {
MyCollectionViewCell *cell = (MyCollectionViewCell *)[collectionView dequeueReusableCellWithReuseIdentifier:cellID1 forIndexPath:indexPath];
cell.botlabel.text = [NSString stringWithFormat:@"{%ld,%ld}",(long)indexPath.section,(long)indexPath.row];
cell.backgroundColor = [UIColor yellowColor];
return cell;
}else{
CollectionViewCell *cell = (CollectionViewCell *)[collectionView dequeueReusableCellWithReuseIdentifier:cellID2 forIndexPath:indexPath];
cell.botlabel.text = [NSString stringWithFormat:@"{%ld,%ld}",(long)indexPath.section,(long)indexPath.row];
cell.backgroundColor = [UIColor yellowColor];
return cell;
}
}
3
關(guān)鍵的是這里了尿这，按鈕的判斷 點擊不同的按鈕需要賦值不同的cellID 然后根據(jù)self.cellIdStr來進行判斷.這里self.mainCollectionView2絕不能通過移除和添加來做簇抵，因為uicollectionView會有復(fù)用。所以我用了隱藏射众。
-(void)btnclick:(UIButton*)btn
{
if (btn.tag==0) {
self.cellIdStr=cellID1;
}else if (btn.tag==1){
self.cellIdStr=cellID2;
}
if ([self.cellIdStr isEqualToString:cellID1]) {
self.mainCollectionView2.hidden=YES;
self.mainCollectionView1.hidden=NO;
[_mainCollectionView1 reloadData];
}else{
self.mainCollectionView1.hidden=YES;
self.mainCollectionView2.hidden=NO;
[self.mainCollectionView2 reloadData];
}
}
4
下面附上demo
同一個界面下兩個uicollection
