iOS中无限循环滚动简单处理实现原理分析

发布时间：2020-09-12 15:17:36 作者：Little_Dad
来源：脚本之家阅读：268

说下原理：

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的时候，设置回滚，回到默认位置，且没有动画。

另外一步处理当偏移量小于一个极小值也就是偏移即将到达 0 的是偶也就是真实的第一张回滚到最后一张的时候，设置默认滚动到最后一张。

最重要的一点这个黑科技是使用scro 滚动到特定的item所以在触发的那一时刻，item就设定死了，scrollViewDidScroll：也就不会再滚动，因为现在的偏移量是一个唯一值。

总结

以上所述是小编给大家介绍的iOS中无限循环滚动简单处理实现原理分析，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对亿速云网站的支持！

iOS中无限循环滚动简单处理实现原理分析

相关阅读