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

 更新时间:2017年12月19日 15:40:24   作者:Little_Dad  
这篇文章主要介绍了iOS中无限循环滚动简单处理实现原理分析,需要的朋友可以参考下

说下原理:

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实现mp3播放效果

    iOS实现mp3播放效果

    这篇文章主要为大家详细介绍了iOS实现mp3播放效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • iOS开发删除storyboard步骤详解

    iOS开发删除storyboard步骤详解

    这篇文章主要为大家介绍了iOS系列学习之删除storyboard步骤详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • IOS Ble蓝牙开发实现方法

    IOS Ble蓝牙开发实现方法

    这篇文章主要为大家详细介绍了IOS Ble蓝牙开发的实现方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-12-12
  • iPhoneX无导航栏页面适配问题解决方案

    iPhoneX无导航栏页面适配问题解决方案

    这篇文章主要介绍了iPhoneX无导航栏页面适配问题解决方案,原全屏适配在iPhoneX会由于安全区域的变化导致显示不全,本文给大家介绍的非常详细,需要的朋友可以参考下
    2017-11-11
  • 详谈iOS 位置权限弹出框闪现的问题

    详谈iOS 位置权限弹出框闪现的问题

    下面小编就为大家带来一篇详谈iOS 位置权限弹出框闪现的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • iOS使用WKWebView加载HTML5不显示屏幕宽度的问题解决

    iOS使用WKWebView加载HTML5不显示屏幕宽度的问题解决

    这篇文章主要介绍了iOS使用WKWebView加载HTML5不显示屏幕宽度的问题解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • Objective-C关键字@property使用原理探究

    Objective-C关键字@property使用原理探究

    这篇文章主要为大家介绍了Objective-C关键字@property使用原理探究,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-01-01
  • iOS开发中使用FMDB来使程序连接SQLite数据库

    iOS开发中使用FMDB来使程序连接SQLite数据库

    这篇文章主要介绍了iOS开发中使用FMDB来使程序连接SQLite数据库,SQLite是一个简单的嵌入式数据库,非常适合轻量级使用,需要的朋友可以参考下
    2015-11-11
  • iOS 二维码扫描和应用跳转

    iOS 二维码扫描和应用跳转

    本文讲解如何使用原生框架实现二维码扫描功能,并且进行扫描后的项目跳转。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • runtime获取属性和成员变量方法

    runtime获取属性和成员变量方法

    这篇文章主要介绍了runtime获取属性和成员变量方法,总结了详细用法,对此有兴趣的朋友学习下。
    2018-02-02

最新评论