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

2025-05-29 0 98

说下原理:

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
- (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无限循环滚动简单处理实现原理分析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对快网idc网站的支持!

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

快网idc优惠网 建站教程 iOS中无限循环滚动简单处理实现原理分析 https://www.kuaiidc.com/89853.html

相关文章

发表评论
暂无评论