滚动视图还是集合视图？

Question

我有一个包含以下数据的集合视图：

[self.graniteImages addObject:[[NSMutableDictionary alloc]
                               initWithObjectsAndKeys:@"Angel Cream", @"name",
                               @"angel-cream.jpg", @"image", nil]];
[self.graniteImages addObject:[[NSMutableDictionary alloc]
                               initWithObjectsAndKeys:@"Angola Black", @"name" ,
                               @"angola_black1.jpg", @"image" , nil]];

然后转到静态的详细视图。

我现在想向详细视图添加分页，以便我可以像 iPhone 照片库一样在收藏视图中滑动浏览包含的图像。

我猜可能需要一个滚动视图或第二个集合视图，但我不知道从哪里开始，所以任何指针、示例代码或你们可以提供的任何其他帮助将不胜感激。

谢谢

Answer 1

如果您已经有一个可以执行您想要的操作的集合视图，只需打开分页即可。 self.collectionView.pagingEnabled = YES 您还可以通过选中属性检查器中的分页框来启用 IB 中的分页。使用UICollectionView 为您提供了可重用单元的额外好处。

编辑

您仍然可以使用 UICollectionView。创建包含您的详细视图的 UICollectionViewCell 子类。然后，当您想直接启动到特定图像时，您可以使用- (void)scrollToItemAtIndexPath:(NSIndexPath *)indexPath atScrollPosition:(UICollectionViewScrollPosition)scrollPosition animated:(BOOL)animated 如果您在此视图中加载大量图像，则滚动视图方法将立即加载所有图像，而不是像在集合视图中那样按需加载设想。您始终可以在滚动视图中解决这个问题，但所有这些工作都已在 UICollectionView 中为您完成。

编辑2

我在评论中开始了这个，但它变得越来越大......

在您的视图控制器子类中，您需要注册您的类或您创建的用于布置该单元格的 nib。我更喜欢笔尖，所以我可以在 Interface Builder 中布置所有内容。如果你走 nib 路线，你将创建一个空的 xib 并将 UICollectionViewCell 拖出右下角的对象库。然后选择该单元格并确保将 Class 设置为您创建的自定义子类。

现在在您的视图控制器子类中，您将在 viewDidLoad 方法中调用 – registerNib:forCellWithReuseIdentifier:，如下所示：

   [self.collectionView registerNib:[UINib nibWithNibName:@"WhateverYouNamedYourNib" bundle:nil] forCellWithReuseIdentifier:@"cell"];

您的视图控制器将符合UICollectionViewDataSource 协议，您将实现此方法：

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {
  CustomCellClass *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"cell" forIndexPath:indexPath
  //Setup the cell with image and whatever else
  return cell;
}

Answer 2

您应该简单地使用启用分页的 UIScrollView。以下代码应该可以解决问题：

NSInteger numberOfImages = [self.graniteImages count];
    CGRect bounds = self.scrollView.bounds;
self.scrollView.contentSize = CGSizeMake(bounds.size.width * numberOfImages, bounds.size.height);
scrollView.pagingEnabled = YES;

CGFloat x = 0;  
for (NSMutableDictionary *dict in images) {
    UIImageView *imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:[dict valueForKey:@"image"]]];
    imageView.frame = CGRectMake(x, 0, bounds.size.width, bounds.size.height);
    [scrollView addSubview:imageView];
    x += self.view.bounds.size.width;
}

编辑：此代码将进入您的详细视图控制器的 ViewDidLoad 方法。 您的详细视图控制器还应该有一个 NSUInteger 类型的属性索引和一个 NSMutableArray* 类型的 graniteImages 属性，您可以在集合视图控制器的 prepareForSegue 方法中设置它们，就像：

-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender
{
if( [segue.identifier isEqualToString:@"yourSegue"]){
    ((DetailViewController*)segue.destinationViewController).graniteImages = self.graniteImages;
    ((DetailViewController*)segue.destinationViewController).index = self.tappedImageIndex;
    }
}

并在您的 ViewDidLoad 方法中添加：

[scrollView scrollRectToVisible:CGRectMake(bounds.size.width * self.index, 0, bounds.size.width, bounds.size.height) animated:NO];