iOS中无限循环滚动简单处理实现原理分析
说下原理:
1./*初始化/
+(instancetype)loopScrollViewWithFrame:(CGRect)frame;
将背景collectinview视图初始化设置代理和数据源、布局
2.在激活initwithFrame后触发layoutSubviews
//默认滚动到要显示的第一张图片
if(self.imageCollectionView.contentOffset.x==0){
NSIndexPath*indexPath=[NSIndexPathindexPathForItem:1inSection:0];
[selfscrollToIndexPath:indexPathanimated:NO];
self.currentIndex=1;
}
界面展示出来的时候默认显示真实下标也就是从1开始
设置真实数据源imageList,然后展示的数据源是loopImageList这里呢多出2个对象,0和末尾,设置时最后和起始,setImageList如下
-(void)setImageList:(NSMutableArray*)imageList{
_imageList=imageList;
self.loopImageList=[NSMutableArrayarrayWithArray:imageList];
if(imageList.count>0){
[self.loopImageListinsertObject:[imageListlastObject]atIndex:0];
[self.loopImageListaddObject:[imageListobjectAtIndex:0]];
}
}
核心代码和思路
-(void)scrollViewDidScroll:(UIScrollView*)scrollView{
CGFloatwidth=self.bounds.size.width;
//在loopImageList中,有n+2个对象,因此index取offset.x/width后的整数
NSIntegerindex=scrollView.contentOffset.x/width;
//这个比值很重要
CGFloatratio=scrollView.contentOffset.x/width;
//从显示的最后一张往后滚,自动跳转到显示的第一张
if(index==self.loopImageList.count-1){
self.currentIndex=1;
NSIndexPath*indexPath=[NSIndexPathindexPathForItem:self.currentIndexinSection:0];
[selfscrollToIndexPath:indexPathanimated:NO];
return;
}
//从显示的第一张往前滚,自动跳转到显示的最后一张
//这里判断条件为contentOffset.x和宽的比值,在往前滚快要结束的时候,能达到无缝切换到显示的最后一张的效果
if(ratio<=0.01){
self.currentIndex=self.imageList.count;
NSIndexPath*indexPath=[NSIndexPathindexPathForItem:self.currentIndexinSection:0];
[selfscrollToIndexPath:indexPathanimated:NO];
return;
}
if(self.currentIndex!=index){
self.currentIndex=index;
}
NSLog(@"currentIndex=%ld",self.currentIndex);
}
这里的原因是为什么呢?
这时候在图滚动执行代理监听的时候,我们的collectionview有设置pageEnable分页属性很关键有分页动画。
当偏移量判断真实的数据显示到了最后一张。也就是8滚到1的时候,设置回滚,回到默认位置,且没有动画。
另外一步处理当偏移量小于一个极小值也就是偏移即将到达0的是偶也就是真实的第一张回滚到最后一张的时候,设置默认滚动到最后一张。
最重要的一点这个黑科技是使用scro滚动到特定的item所以在触发的那一时刻,item就设定死了,scrollViewDidScroll:也就不会再滚动,因为现在的偏移量是一个唯一值。
总结
以上所述是小编给大家介绍的iOS中无限循环滚动简单处理实现原理分析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!