Question

怎样在UICollectionView中添加Header和footer

Answer 1

在UICollectionView中添加Header和footer：

每个collection view都必须有数据源为其提供内容。它的责任是为collection views完成以下的事情：
控制collection view的section数目
每个section中的item的个数
为特定的数据项提供cell view
显然，简单的Recipe app，我们在前面的教程中包含了其中一个部分，在这里我们将继续讲讲collection view并且告诉你如何利用不同的section组织items，你将会学到怎样为collection view添加header视图和footer视图。

如果你没有看过前面的教程，建议你去看一看前面的教程，或者你可以到这里下载here。

Split Recipes into Two Sections in UICollectionView
在这个简单的程序中，RecipeCollectionViewController是集合视图的数据源对象，为了把视图分成两个部分，我们需要有一些变化，接下来我们完成：
起先，recipeImages数组是存储所有recipes的名称，因为我们想把recipes分成两组，我们要修改我们的代码，并使用签到数组来存储不同的recipe，也许你还不明白啥是嵌入的数组，下面的图片会让你明白的。第一组包含主要的图像，而另一个为drink和dessert。顶级数组（即recipeImages）包含两个数组，每个数组部分的特定区域包含特定的data items。

让我们开始编写代码，在RecipeCollectionViewController.m中初始化"recipeImages"数组，并在viewDidload方法中写下面的方法：

　- (void)viewDidLoad
　　{
　　[super viewDidLoad];
　　//Initialize recipe image array
　　NSArray *mainDishImages = [NSArray arrryWithObjects:@"egg_benedict.jpg", @"full_breakfast.jpg", @"ham_and_cheese_panini.jpg", @"ham_and_egg_sandwich.jpg", @"hamburger.jpg", @"instant_noodle_with_egg.jpg", @"japanese_noodle_with_pork.jpg", @"mushroom_risotto.jpg", @"noodle_with_bbq_pork.jpg", @"thai_shrimp_cake.jpg", @"vegetable_curry.jpg", nil];
　　NSArray *drinkDessertImages = [NSArray arrayWithObjects:@"angry_birds_cake.jpg", @"creme_brelee.jpg", @"green_tea.jpg", @"starbucks_coffee.jpg", @"white_chocolate_donut.jpg", nil];
　　recipeImages = [NSArray arrayWithObjects:mainDishImages,drinkDesserImages,nil];
　　}

上面的代码将recipes images分成两组。接下来，修改"numberOfIntemsInSecion:"方法来返回，每个secions中的items数目：

- (NSInteger)collectionView:(UICollectionView*)collectionView numberOfItemsInSecion:(NSInteger)section
　　{
　　return [[recipeImages objectAtIndex:sectin]count];
　　}

接下来我们按照下面的方法修改"cellForItemAtIndexPath:"方法

- (UICollectionVIewCell *)collectionView:(UICollectionView*)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
　　{
　　static NSString *identifier = @"Cell";
　　RecipeViewCell *cell = (RecipeViewCell *)[collectionView dequeueReuseIdentifier:identifier forIndexPath:indexPath];
　　UIImageView *recipeImageView = (UIImageView *)[cell viewWithTag:100];
　　recipeImageView.image = [UIImage imagedNamed:[recipeImages[indexPath.section] objectAtIndex:indexPath.row]];
　　cell.backgroundView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"photo-frame-2.png"]];
　　return cell;
　　}

你可以和以前的代码比较以下，你就会知道只有一样是唯一的变化。我们首先检索该数组的section number然后从section中获取具体的items。
最后，怎样给collection view实现两个section,这个可以通过方法调用下面的方法来完成即：在RecipeCollectionViewController.m中的numberOfSectionsInCollectionView方法，在collectin View中返回section中的数量。

- (NSInteger)numberOfSectionsInCollectionVIew:(UICollectionView *)collectionView
　　{
　　return [recipeImages count];
　　}