如果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
网友评论