说下原理:
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网站的支持!
相关文章
猜你喜欢
- ASP.NET自助建站系统的域名绑定与解析教程 2025-06-10
- 个人服务器网站搭建:如何选择合适的服务器提供商? 2025-06-10
- ASP.NET自助建站系统中如何实现多语言支持? 2025-06-10
- 64M VPS建站:如何选择最适合的网站建设平台? 2025-06-10
- ASP.NET本地开发时常见的配置错误及解决方法? 2025-06-10
TA的动态
- 2025-07-10 怎样使用阿里云的安全工具进行服务器漏洞扫描和修复?
- 2025-07-10 怎样使用命令行工具优化Linux云服务器的Ping性能?
- 2025-07-10 怎样使用Xshell连接华为云服务器,实现高效远程管理?
- 2025-07-10 怎样利用云服务器D盘搭建稳定、高效的网站托管环境?
- 2025-07-10 怎样使用阿里云的安全组功能来增强服务器防火墙的安全性?
快网idc优惠网
QQ交流群
您的支持,是我们最大的动力!
热门文章
-
2025-05-29 36
-
2025-05-29 24
-
2025-06-04 55
-
2025-06-05 69
-
2025-06-04 91
热门评论