UICollectionView:以编程方式查看标题视图

时间:2013-05-17 05:46:50

标签: iphone uicollectionview

这是我处理标题的方式。

  //    viewDidLoad

  [self.collectionView registerClass:[UICollectionViewCell class]forCellWithReuseIdentifier:@"Cell"];

[self.collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"header"];

UICollectionViewFlowLayout *layout= [[UICollectionViewFlowLayout alloc]init];

self.collectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 0, 390, 300) collectionViewLayout:layout];
layout.collectionView.backgroundColor = [UIColor colorWithRed:230.0/255.0 green:230.0/255.0 blue:230.0/255.0 alpha:1.0];
[self.collectionView registerClass:[UICollectionViewCell class]
        forCellWithReuseIdentifier:@"Cell"];
self.collectionView.delegate=self;
self.collectionView.dataSource=self;
layout.minimumInteritemSpacing = 15;

[layout setScrollDirection:UICollectionViewScrollDirectionVertical];

self.collectionView.collectionViewLayout = layout;
self.collectionView.showsHorizontalScrollIndicator = NO;
self.collectionView.showsVerticalScrollIndicator = NO;
[self.collectionView setBounces:YES];
self.collectionView.allowsMultipleSelection = YES;
[self.collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"HorizontalPickerCell"];
[self.view addSubview:self.collectionView];

   - (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout referenceSizeForHeaderInSection:(NSInteger)section
  {
  if (section == 0) {
    return CGSizeMake(0, kHeaderHeight);
  }
  return CGSizeMake(0, kHeaderHeight + kInterSectionMargin);
  }

  - (NSInteger)numberOfSectionsInCollectionView: (UICollectionView *)collectionView
  {
NSLog(@"levels count:%d", [arrLevels count]);
return [arrLevels count];
  }

  - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
 {
 NSLog(@"vals count:%d", [arrSeats count]);
 for(int i=0; i<[arrLevels count]; i++)
 {
    if(section == i)
    {
        int c;
        NSString *cnt = [NSString stringWithFormat:@"%@",[arrTot objectAtIndex:i]];
        c = [cnt intValue];
        return c;
    }
 }
 return 1;
 }

 - (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
UICollectionViewCell *cell = [self.collectionView dequeueReusableCellWithReuseIdentifier:@"Cell" forIndexPath:indexPath];

//cell.selectedBackgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"blue_s.png"]];

if (cell.selected) {
    [UIColor colorWithPatternImage:[UIImage imageNamed:@"blue_s.png"]]; // highlight selection
 }
else
 {
    cell.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"yellow_seat.png"]]; // Default color
 }

return cell;
 }

 - (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section {
return UIEdgeInsetsMake(10, 12, 10, 10);
 }

 - (CGSize)collectionView:(UICollectionView *)collectionView layout:  (UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
CGSize retval =  CGSizeMake(22, 20);
return retval;
}

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
UICollectionReusableView *reusableview = nil;

if (kind == UICollectionElementKindSectionHeader) {
    UICollectionReusableView *headerView = [self.collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:nil forIndexPath:indexPath];

        self.lblHeader = [[UILabel alloc]initWithFrame:CGRectMake(120, 10, 100, 30)];
        self.lblHeader.backgroundColor = [UIColor whiteColor];
        self.lblHeader.textColor = [UIColor redColor];
        self.lblHeader.text = @"Level 1";
        [self.collectionView addSubview:self.lblHeader];
}
return reusableview;
}

- (void)collectionView:(UICollectionView *)collectionView didSelectItemAtIndexPath:(NSIndexPath *)indexPath
{
printf("Selected View index=%d",indexPath.row);

itemPaths  = [self.collectionView indexPathsForSelectedItems];

UICollectionViewCell* cell=[self.collectionView cellForItemAtIndexPath:indexPath];
cell.contentView.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"blue_s.png"]];
 }

 - (void)collectionView:(UICollectionView *)collectionView didDeselectItemAtIndexPath:(NSIndexPath *)indexPath
 {
UICollectionViewCell* cell=[self.collectionView cellForItemAtIndexPath:indexPath];
cell.contentView.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageNamed:@"yellow_seat.png"]];
 }

5 个答案:

答案 0 :(得分:14)

您看到的错误非常清楚。您正在尝试将可重用视图出列,但集合视图对您传递的重用标识符一无所知。

您需要在调用registerClass:forSupplementaryViewOfKind:withReuseIdentifier:之前致电dequeueReusableSupplementaryViewOfKind:withReuseIdentifier:forIndexPath:。我通常调用viewDidLoad中的一个寄存器方法,所以所有的设置都完成了,我可以调用dequeue方法。如果您从笔尖加载自定义页眉和页脚视图,则可以使用registerNib:forSupplementaryViewOfKind:withReuseIdentifier:方法。

修改

我看到你更新了代码。你需要移动这些行

UICollectionViewFlowLayout *layout= [[UICollectionViewFlowLayout alloc]init];

self.collectionView = [[UICollectionView alloc]initWithFrame:CGRectMake(0, 0, 390, 300) collectionViewLayout:layout];

在您调用寄存器类方法的行之上。在分配和初始化对象之前,无法向对象发送消息。

答案 1 :(得分:12)

如果你没有在标题上显示任何内容,那么你怎么能期望标题视图在UICollectionView的标题部分显示一些东西。尝试下面的代码。这是工作代码

- (void)viewDidLoad
{
    arry=[[NSArray alloc] initWithObjects:@"One",@"Two",@"Three",@"Four", nil];
    [_collectionView registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"cellIdentifier"];
    [self.collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"HeaderView"];

    // Do any additional setup after loading the view, typically from a nib.
}


    - (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
    return [arry count];
}

- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
    return 20;
}

// The cell that is returned must be retrieved from a call to -dequeueReusableCellWithReuseIdentifier:forIndexPath:
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
    UICollectionViewCell *cell=[collectionView dequeueReusableCellWithReuseIdentifier:@"cellIdentifier" forIndexPath:indexPath];

    if (cell==nil) {
        cell=[[UICollectionViewCell alloc] init];
    }

    UILabel *label = (UILabel*)[cell.contentView viewWithTag:21];

    if (label==nil) {
      label=[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 60, 60)];
      label.tag = 21;
      [cell.contentView addSubview:label];
    } 

    label.text = [arry objectAtIndex:indexPath.row];

    NSLog(@"cell is %@",NSStringFromCGRect(cell.frame));
    return cell;
}


- (CGSize)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout sizeForItemAtIndexPath:(NSIndexPath *)indexPath
{
    return CGSizeMake(60, 60);
}

- (UIEdgeInsets)collectionView:(UICollectionView *)collectionView layout:(UICollectionViewLayout*)collectionViewLayout insetForSectionAtIndex:(NSInteger)section
{
    UIEdgeInsets insets=UIEdgeInsetsMake(10, 10, 10, 10);
    return insets;
}

- (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
{
    if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {

        UICollectionReusableView *reusableview = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"HeaderView" forIndexPath:indexPath];

        if (reusableview==nil) {
            reusableview=[[UICollectionReusableView alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
        }

        UILabel *label=[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
        label.text=[NSString stringWithFormat:@"Recipe Group #%i", indexPath.section + 1];
        [reusableview addSubview:label];
        return reusableview;
    }
    return nil;
}

答案 2 :(得分:4)

为什么要将lblHeader添加到self.collectionView添加到headerView.And返回headerView。用它来代替你的代码

    if (kind == UICollectionElementKindSectionHeader) {
    UICollectionReusableView *headerView = [self.collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:nil forIndexPath:indexPath];

        self.lblHeader = [[UILabel alloc]initWithFrame:CGRectMake(120, 10, 100, 30)];
        self.lblHeader.backgroundColor = [UIColor whiteColor];
        self.lblHeader.textColor = [UIColor redColor];
        self.lblHeader.text = @"Level 1";

       // [self.collectionView addSubview:self.lblHeader];
          [headerView addSubview:self.lblHeader];

       return headerView;
}

答案 3 :(得分:1)

试试这个:

    //ON top 
    static NSString *headerViewIdentifier = @"Test Header View";
    static NSString *footerViewIdentifier = @"Test Footer View";


    - (UICollectionReusableView *)collectionView:(UICollectionView *)collectionView viewForSupplementaryElementOfKind:(NSString *)kind atIndexPath:(NSIndexPath *)indexPath
    {
        NSString *identifier = nil;

        if ([kind isEqualToString:UICollectionElementKindSectionHeader]) {
            identifier = headerViewIdentifier;
        }
        else if ([kind isEqualToString:UICollectionElementKindSectionFooter]) {
            identifier = footerViewIdentifier;
        }

        // TODO Setup view

        UICollectionReusableView *supplementaryView = [collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:identifier forIndexPath:indexPath];

        return supplementaryView;
    }

答案 4 :(得分:1)

通常,您将此注册行放在viewDidLoad中或进行某种初始化,以便不会一遍又一遍地调用它。但主要是你有一些困惑。您为标题注册了一个类,但是您在页脚上出现了一个类。您应该为两者注册一个类,并为每个类出列一个类。

请注意您的注册使用UICollectionElementKindSectionHeader:

[self.collectionView registerClass:[UICollectionReusableView class] forSupplementaryViewOfKind:UICollectionElementKindSectionHeader withReuseIdentifier:@"header"];

注意你的dequeue使用UICollectionElementKindSectionFooter:

UICollectionReusableView *supplementaryView = [self.collectionView dequeueReusableSupplementaryViewOfKind:UICollectionElementKindSectionFooter withReuseIdentifier:@"header" forIndexPath:indexPath];
希望有所帮助。