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

说下原理:

1./*初始化/

1
+ (instancetype)loopScrollViewWithFrame:(CGRect)frame;

将背景collectinview视图初始化设置 代理和数据源 、 布局

2.在激活initwithFrame后触发 layoutSubviews

1
2
3
4
5
6
  //默认滚动到要显示的第一张图片
     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如下

1
2
3
4
5
6
7
8
- ( 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 ]];
     }
}

核心代码和思路

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
- ( 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);
}

这里的原因是为什么呢?

  1. 这时候在图滚动 执行代理 监听的时候 ,我们的collectionview有设置 pageEnable 分页属性很关键有分页动画。

    当偏移量判断 真实的数据显示到了最后一张。也就是8 滚到1的时候 ,设置回滚 ,回到默认位置,且没有动画。

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值