美文网首页iOS沉淀iOS 技能iOS开发你需要知道的
iOS开发中实现UICollectionView的分页效果(一页

iOS开发中实现UICollectionView的分页效果(一页

作者: 梁森的简书 | 来源:发表于2020-08-15 19:36 被阅读0次
    0.分页.png

    如果collectionView的宽度和每个item的宽度一样,那么我们只需要设置collectionView的pagingEnabled属性即可实现分页效果。

    自定义UICollectionViewLayout

    我们需要重写- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity 这个方法,具体实现

      - (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity {
     CGFloat rawPageValue = self.collectionView.contentOffset.x / self.pageWidth;
     CGFloat currentPage = (velocity.x > 0.0) ? floor(rawPageValue) : ceil(rawPageValue);
     CGFloat nextPage = (velocity.x > 0.0) ? ceil(rawPageValue) : floor(rawPageValue);
     BOOL pannedLessThanAPage = fabs(1 + currentPage - rawPageValue) > 0.5;
     BOOL flicked = fabs(velocity.x) > [self flickVelocity];
     if (pannedLessThanAPage && flicked) {
       proposedContentOffset.x = nextPage * self.pageWidth;
     } else {
       proposedContentOffset.x = round(rawPageValue) * self.pageWidth;
     }
     return proposedContentOffset;
    }
    

    快速滑动

    为了让分页滑动效果和原生分页效果一样,我们需要设置collectionView的decelerationRate的属性为UIScrollViewDecelerationRateFast否则collectionView在滑动的时候特别缓慢。

    - (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity

    返回值决定了collectionView停止滚动时最终的偏移量(contentOffset)

    附上demo地址:https://github.com/yangguanghei/UICollectionView-Page

    相关文章

      网友评论

        本文标题:iOS开发中实现UICollectionView的分页效果(一页

        本文链接:https://www.haomeiwen.com/subject/hbgadktx.html