iphone - UICollectionView:像 Safari 选项卡或 App Store 搜索一样的分页

Question

我想在我的应用程序中实现“卡片”，例如 Safari 标签页或 App Store 搜索。

我将在屏幕中央向用户显示一张卡片，在左右两侧显示上一张和下一张卡片的一部分。 (例如，请参阅 App Store 搜索或 Safari 选项卡)

我决定使用 UICollectionView，我需要更改页面大小(没找到如何)或实现自己的布局子类(不知道如何)？

有什么帮助吗？

Answer 1

下面是我找到的实现此效果的最简单方法。它涉及您的收藏 View 和一个额外的 secret ScrollView 。

设置您的 Collection View

• 设置您的 Collection View 及其所有数据源方法。
• 构建 Collection View ；它应该跨越您希望显示的整个宽度。

• 设置 Collection View 的contentInset:

  _collectionView.contentInset = UIEdgeInsetsMake(0, (self.view.frame.size.width-pageSize)/2, 0, (self.view.frame.size.width-pageSize)/2);
  

这有助于正确偏移单元格。

设置您的 secret ScrollView

• 创建一个 ScrollView ，把它放在任何你喜欢的地方。如果您愿意，可以将其设置为隐藏。
• 将 ScrollView 的边界大小设置为所需的页面大小。
• 将自己设置为 ScrollView 的代理。
• 将其 contentSize 设置为您的 Collection View 的预期内容大小。

移动你的手势识别器

• 将 secret ScrollView 的手势识别器添加到 Collection View ，并禁用 Collection View 的手势识别器:

  [_collectionView addGestureRecognizer:_secretScrollView.panGestureRecognizer];
  _collectionView.panGestureRecognizer.enabled = NO;
  

委托(delegate)

- (void) scrollViewDidScroll:(UIScrollView *)scrollView {
    CGPoint contentOffset = scrollView.contentOffset;
    contentOffset.x = contentOffset.x - _collectionView.contentInset.left;
    _collectionView.contentOffset = contentOffset;
}

随着 ScrollView 的移动，获取它的偏移量并将其设置为 Collection View 的偏移量。

我在这里写了关于这个的博客，所以请查看此链接以获取更新:http://khanlou.com/2013/04/paging-a-overflowing-collection-view/