按单元格而非屏幕分页UICollectionView

Question

我有带水平滚动的UICollectionView，整个屏幕上总是有两个单元格并排显示。我需要滚动到单元格开始处。启用分页后，集合视图将滚动整个页面，即一次滚动2个单元格，然后停止。

我需要启用按单个单元格滚动，或按多个单元格滚动，并在单元格边缘停止。

我尝试子类化UICollectionViewFlowLayout并实现方法targetContentOffsetForProposedContentOffsetUICollectionViewFlowLayout子类的所有方法？谢谢

Answer 1

以下是我在Swift 5中实现的基于垂直小区的寻呼:

override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {

    guard let collectionView = self.collectionView else {
        let latestOffset = super.targetContentOffset(forProposedContentOffset: proposedContentOffset, withScrollingVelocity: velocity)
        return latestOffset
    }

    // Page height used for estimating and calculating paging.
    let pageHeight = self.itemSize.height + self.minimumLineSpacing

    // Make an estimation of the current page position.
    let approximatePage = collectionView.contentOffset.y/pageHeight

    // Determine the current page based on velocity.
    let currentPage = velocity.y == 0 ? round(approximatePage) : (velocity.y < 0.0 ? floor(approximatePage) : ceil(approximatePage))

    // Create custom flickVelocity.
    let flickVelocity = velocity.y * 0.3

    // Check how many pages the user flicked, if <= 1 then flickedPages should return 0.
    let flickedPages = (abs(round(flickVelocity)) <= 1) ? 0 : round(flickVelocity)

    let newVerticalOffset = ((currentPage + flickedPages) * pageHeight) - collectionView.contentInset.top

    return CGPoint(x: proposedContentOffset.x, y: newVerticalOffset)
}

一些注意事项：

• 无故障
• 将分页设置为 FALSE！（否则这将不起作用）
• 允许您轻松设置自己的轻快感。
• 如果在尝试此操作后某些内容仍然不起作用，请检查您的 itemSize 是否与项目的大小匹配，因为这通常是一个问题，尤其是在使用 collectionView（_：布局：sizeForItemAt：）时，请改为对 itemSize 使用自定义变量。
• 当您设置自收集视图减速速率 = UIScrollView.减速速度时，此方法效果最佳。

这是一个水平版本（还没有彻底测试过，所以请原谅任何错误）：

override func targetContentOffset(forProposedContentOffset proposedContentOffset: CGPoint, withScrollingVelocity velocity: CGPoint) -> CGPoint {

    guard let collectionView = self.collectionView else {
        let latestOffset = super.targetContentOffset(forProposedContentOffset: proposedContentOffset, withScrollingVelocity: velocity)
        return latestOffset
    }

    // Page width used for estimating and calculating paging.
    let pageWidth = self.itemSize.width + self.minimumInteritemSpacing

    // Make an estimation of the current page position.
    let approximatePage = collectionView.contentOffset.x/pageWidth

    // Determine the current page based on velocity.
    let currentPage = velocity.x == 0 ? round(approximatePage) : (velocity.x < 0.0 ? floor(approximatePage) : ceil(approximatePage))

    // Create custom flickVelocity.
    let flickVelocity = velocity.x * 0.3

    // Check how many pages the user flicked, if <= 1 then flickedPages should return 0.
    let flickedPages = (abs(round(flickVelocity)) <= 1) ? 0 : round(flickVelocity)

    // Calculate newHorizontalOffset.
    let newHorizontalOffset = ((currentPage + flickedPages) * pageWidth) - collectionView.contentInset.left

    return CGPoint(x: newHorizontalOffset, y: proposedContentOffset.y)
}

这段代码基于我在个人项目中使用的代码，您可以在这里下载并运行示例目标来查看它。

Answer 2

只需重写方法：

- (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset {
    *targetContentOffset = scrollView.contentOffset; // set acceleration to 0.0
    float pageWidth = (float)self.articlesCollectionView.bounds.size.width;
    int minSpace = 10;

    int cellToSwipe = (scrollView.contentOffset.x)/(pageWidth + minSpace) + 0.5; // cell width + min spacing for lines
    if (cellToSwipe < 0) {
        cellToSwipe = 0;
    } else if (cellToSwipe >= self.articles.count) {
        cellToSwipe = self.articles.count - 1;
    }
    [self.articlesCollectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:cellToSwipe inSection:0] atScrollPosition:UICollectionViewScrollPositionLeft animated:YES];
}

Answer 3

好的，所以我在这里找到了解决方案：targetContentOffsetForProposedContentOffset:withScrollingVelocity，但没有子类化UICollectionViewFlowLayout

我应该一开始就搜索< code > targetContentOffsetForProposedContentOffset 。