怎样在UICollectionView中添加Header和footer-iPhone IOS
最新回答
岁月并非如歌
2024-05-30 02:33:37
控制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];
}
热门标签
