1.说下原理：
1./*初始化/
+ (instancetype)loopScrollViewWithFrame:(CGRect)frame;
将背景collectinview视图初始化设置 代理和数据源 、 布局
2.在激活initwithFrame后触发 layoutSubviews
//默认滚动到要显示的第一张图片
if (self.imageCollectionView.contentOffset.x == 0) {
NSIndexPath *indexPath = [NSIndexPath indexPathForItem:1 inSection:0];
[self scrollToIndexPath:indexPath animated:NO];
self.currentIndex = 1;
}
界面展示出来的时候默认 显示 真实下标也就是从1开始
设置真实数据源 imageList ，然后展示 的 数据源是loopImageList 这里 呢 多出2个对象，0和末尾，设置时 最后 和 起始，setImageList如下
- (void)setImageList:(NSMutableArray *)imageList {
_imageList = imageList;
self.loopImageList = [NSMutableArray arrayWithArray:imageList];
if (imageList.count>0) {
[self.loopImageList insertObject:[imageList lastObject] atIndex:0];
[self.loopImageList addObject:[imageList objectAtIndex:0]];
}
}
核心代码和思路
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {
CGFloat width = self.bounds.size.width;
//在loopImageList中，有n+2个对象，因此index取offset.x/width后的整数
NSInteger index = scrollView.contentOffset.x/width;
//这个比值很重要
CGFloat ratio = scrollView.contentOffset.x/width;
//从显示的最后一张往后滚，自动跳转到显示的第一张
if (index == self.loopImageList.count-1) {
self.currentIndex = 1;
NSIndexPath *indexPath = [NSIndexPath indexPathForItem:self.currentIndex inSection:0];
[self scrollToIndexPath:indexPath animated:NO];
return;
}
//从显示的第一张往前滚，自动跳转到显示的最后一张
//这里判断条件为contentOffset.x和宽的比值，在往前滚快要结束的时候，能达到无缝切换到显示的最后一张的效果
if (ratio <= 0.01) {
self.currentIndex = self.imageList.count;
NSIndexPath *indexPath = [NSIndexPath indexPathForItem:self.currentIndex inSection:0];
[self scrollToIndexPath:indexPath animated:NO];
return;
}
if (self.currentIndex != index) {
self.currentIndex = index;
}
NSLog(@"currentIndex = %ld",self.currentIndex);
}
这里的原因是为什么呢？
- 这时候在图滚动 执行代理 监听的时候 ，我们的collectionview有设置 pageEnable 分页属性很关键有分页动画。
当偏移量判断 真实的数据显示到了最后一张。也就是8 滚到1的时候 ，设置回滚 ，回到默认位置，且没有动画。
2.另外一步处理当偏移量 小于 一个极小值 也就是 偏移即将到达 0 的是偶也就是 真实的第一张回滚到最后 一张的时候，设置默认滚动到最后一张。
最重要的一点 这个黑科技 是使用scro 滚动到特定的item所以 在触发的那一时刻，item就设定死了，scrollViewDidScroll：也就不会再滚动，因为现在的偏移量是一个唯一值。
