脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → IOS → iOS无限循环滚动的TableView

iOS实现无限循环滚动的TableView实战教程

 更新时间：2017年05月27日 11:09:24   作者：明仔Su  
这篇文章主要给大家介绍了关于iOS实现无限循环滚动的TableView的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。

前言

本文主要给大家介绍了如何实现一个可以无限循环的TableView的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍吧。

先来看看效果：

思路

条条大路通罗马，个人分析下以下思路的可行性：

      1、借鉴无限广告轮播的思路。可行性不高，主要是列表头部和尾部的衔接不够自然，而且快速滑动不够流畅。

      2、使用TableView+3倍长度dataSource。可行性一般，在使用过程中滑动流畅，但是由于重复的数据源，可能导致在处理事件时需要特别对数据进行处理避免重复，另外此方法不能重用，总让有强迫症的人感觉不够优雅。。。

      3、使用TableView子类+数据源拦截器。可行性较高，在使用过程中滑动流畅，而且在代理方法中并不需要做特殊处理，可封装重用。

      4、广大读者们提供的更优秀的思路。

实现

我们通过创建TableView的子类，在子类中对dataSource进行处理。

如果直接将子类自身设为子类的dataSource，创建另外一个dataSource作为对外的delegate，将自身不处理的代理消息转发给对外的delegate，这样要求自身实现所有的代理方法。

因此，我们创建一个拦截器，通过拦截器决定将消息发送到TableView子类内部或者是其dataSource，这样简洁又比较优雅。

注：使用此方法实现无限循环的TableView，需要对ObjC的消息转发有一定理解。

1、创建3倍长度dataSource，并在滑动到头部或者尾部时进行contentOffset的reset，显示到中间的位置

- (void)layoutSubviews {
 [self resetContentOffsetIfNeeded];
 [super layoutSubviews];
}

- (void)resetContentOffsetIfNeeded {
 CGPoint contentOffset = self.contentOffset;
 //头部
 if (contentOffset.y < 0.0) {
  contentOffset.y = self.contentSize.height / 3.0;
 }
 //尾部
 else if (contentOffset.y >= (self.contentSize.height - self.bounds.size.height)) {
  contentOffset.y = self.contentSize.height / 3.0 - self.bounds.size.height;
 }
 [self setContentOffset: contentOffset];
}

2、创建一个拦截器

@interface SUTableViewInterceptor : NSObject

@property (nonatomic, weak) id receiver;
@property (nonatomic, weak) id middleMan;

@end

3、将拦截器设置为TableView子类的dataSource

- (void)setDataSource:(id<UITableViewDataSource>)dataSource {
 self.dataSourceInterceptor.receiver = dataSource;
 [super setDataSource:(id<UITableViewDataSource>)self.dataSourceInterceptor];
}

- (SUTableViewInterceptor *)dataSourceInterceptor {
 if (!_dataSourceInterceptor) {
  _dataSourceInterceptor = [[SUTableViewInterceptor alloc]init];
  _dataSourceInterceptor.middleMan = self;
 }
 return _dataSourceInterceptor;
}

4、在子类中实现需要加工处理的代理方法

- (NSInteger)tableView:(UITableView*)tableView numberOfRowsInSection:(NSInteger)section {
 self.actualRows = [self.dataSourceInterceptor.receiver tableView:tableView numberOfRowsInSection:section];
 return self.actualRows * 3;
}

- (UITableViewCell*)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
 NSIndexPath * actualIndexPath = [NSIndexPath indexPathForRow:indexPath.row % self.actualRows inSection:indexPath.section];
 return [self.dataSourceInterceptor.receiver tableView:tableView cellForRowAtIndexPath:actualIndexPath];
}

5、在拦截器中转发消息（如果子类实现了代理方法，则转发给子类；如果子类没有实现，则转发给外部的代理）

@implementation SUTableViewInterceptor

#pragma mark - forward & response override
- (id)forwardingTargetForSelector:(SEL)aSelector {
 if ([self.middleMan respondsToSelector:aSelector]) return self.middleMan;
 if ([self.receiver respondsToSelector:aSelector]) return self.receiver;
 return [super forwardingTargetForSelector:aSelector];
}

- (BOOL)respondsToSelector:(SEL)aSelector {
 if ([self.middleMan respondsToSelector:aSelector]) return YES;
 if ([self.receiver respondsToSelector:aSelector]) return YES;
 return [super respondsToSelector:aSelector];
}

@end

到此，自定义的TableView基本完成，整理一下思路，不难理解我们是通过拦截器将代理消息转发到子类内部，子类内部则通过外部代理提供的dataSource来拷贝成3份，来组成一个3倍于普通长度的TableView，并在其滑动时进行处理，形成可以无限循环滚动的效果。

这样，在外部看起来，使用这个TableView和普通TableView没有什么不同，但是多了一个可以循环滚动的“属性”，当然，你也可以将其封装成可设置的属性，方便切换普通模式和循环滚动模式。

下面，用这个TableView的子类来试着创建一个可以循环滚动的列表看看：

- (void)viewDidLoad {
 [super viewDidLoad];
 [self.view addSubview:self.tableView];
}

- (UITableView *)tableView {
 if(!_tableView) {
  _tableView = [[SUTableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain];
  _tableView.delegate = self;
  _tableView.dataSource = self;
  _tableView.showsVerticalScrollIndicator = NO;
  _tableView.rowHeight = 150.0;
  [_tableView registerNib:[UINib nibWithNibName:@"LiveCell" bundle:nil] forCellReuseIdentifier:liveCellID];
 }
 return _tableView;
}

#pragma mark - UITableViewDataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
 return 5;
}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
 LiveCell * cell = [self.tableView dequeueReusableCellWithIdentifier:liveCellID];
 cell.selectionStyle = UITableViewCellSelectionStyleNone;
 cell.descLabel.text = [NSString stringWithFormat:@"第 %ld 个主播频道", indexPath.row + 1];
 return cell;
}

怎么样，强迫症是不是舒缓了，是不是轻松多了~~~

Demo

GitHub地址：SUTableView

本地下载：http://xiazai.jb51.net/201705/yuanma/SUTableView(jb51.net).rar

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。

相关文章

  • IOS给图片添加水印（两种方式）

    IOS给图片添加水印（两种方式）

    为了防止自己辛苦做的项目被别人盗走，采取把图片添加水印，在此表示图片的独一无二。加水印不是要在上面添加上几个Label，而是我们要把字画到图片上成为一个整体，下面这篇文章主要介绍IOS给图片添加水印，有需要的小伙伴可以来参考下
    2015-08-08
  • iPhoneX 媒体查询适配的方法教程

    iPhoneX 媒体查询适配的方法教程

    这篇文章主要介绍了iPhoneX 媒体查询适配的方法教程，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-11-11
  • iOS runtime forwardInvocation详解及整理

    iOS runtime forwardInvocation详解及整理

    这篇文章主要介绍了 iOS runtime forwardInvocation详解及整理的相关资料,需要的朋友可以参考下
    2017-02-02
  • Objective-C中NSNumber与NSDictionary的用法简介

    Objective-C中NSNumber与NSDictionary的用法简介

    这篇文章主要介绍了Objective-C中NSNumber与NSDictionary的用法简介,虽然Objective-C即将不再是iOS的主流开发语言...well,需要的朋友可以参考下
    2015-09-09
  • 12个iOS技术面试题及答案总结

    12个iOS技术面试题及答案总结

    这篇文章给大家总结了在iOS面试的时候可能会遇到的12个技术面试题，以及这些面试题但答案，这些答案只是给大家一些参考，大家可以再结合自己理解进行回答，有需要的朋友们下面来一起看看吧。
    2016-09-09
  • iOS开发之银行卡号识别

    iOS开发之银行卡号识别

    本文给大家分享ios开发之银行卡号识别功能，思路明确，需要的朋友参考下吧
    2016-12-12
  • 详解iOS开发 - 用AFNetworking实现https单向验证，双向验证

    详解iOS开发 - 用AFNetworking实现https单向验证，双向验证

    这篇文章主要介绍了详解iOS开发 - 用AFNetworking实现https单向验证，双向验证,具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
    2016-12-12
  • iOS统计项目的代码总行数

    iOS统计项目的代码总行数

    最近一个项目有段时间了，不知道怎样可以统计出写了多少行代码，如何处理这个问题呢，下面我们来探讨下。
    2015-06-06
  • iOS中实现动态区域裁剪图片功能实例

    iOS中实现动态区域裁剪图片功能实例

    图片处理中经常用的图片剪裁，就是通过剪裁框确定图片剪裁的区域，然后剪去该区域的图片，下面这篇文章主要给大家介绍了关于iOS中实现动态区域裁剪图片功能的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起看看吧。
    2017-11-11
  • iOS大文件的分片上传和断点上传的实现代码

    iOS大文件的分片上传和断点上传的实现代码

    这篇文章主要介绍了iOS大文件的分片上传和断点上传的实现代码,需要的朋友可以参考下
    2017-12-12

最新评论