0.分頁.png
如果collectionView的寬度和每個item的寬度一樣，那么我們只需要設(shè)置collectionView的pagingEnabled屬性即可實現(xiàn)分頁效果。
自定義UICollectionViewLayout
我們需要重寫- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity 這個方法，具體實現(xiàn)
- (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;
}
快速滑動
為了讓分頁滑動效果和原生分頁效果一樣，我們需要設(shè)置collectionView的decelerationRate的屬性為UIScrollViewDecelerationRateFast否則collectionView在滑動的時候特別緩慢。
- (CGPoint)targetContentOffsetForProposedContentOffset:(CGPoint)proposedContentOffset withScrollingVelocity:(CGPoint)velocity
返回值決定了collectionView停止?jié)L動時最終的偏移量（contentOffset）
附上demo地址：https://github.com/yangguanghei/UICollectionView-Page
