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

所属分类: 软件编程 / IOS 阅读数: 648
收藏 0 赞 0 分享

前言

本文主要给大家介绍了如何实现一个可以无限循环的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中UITableView的性能优化

最近在微博上看到一个很好的开源项目,是关于如何优化UITableView的,加上正好最近也在优化项目中的类似朋友圈功能这块,思考了很多关于UITableView的优化技巧,所以决定详细的整理下对优化UITableView的理解,需要的朋友们可以参考借鉴。
收藏 0 赞 0 分享

IOS开发中禁止NavigationController的向右滑动返回

这篇文章主要介绍了IOS开发中禁止NavigationController的向右滑动返回的相关资料,需要的朋友可以参考下
收藏 0 赞 0 分享

iOS实现微信/QQ显示最近拍摄图片的功能实例代码

如果你刚刚拍摄了图片,在使用微信/QQ发生消息时会显示“你可能要发送的图片”,这个功能非常人性化,怎么实现的呢?下面小编给大家分享iOS实现微信/QQ显示最近拍摄图片的功能实例代码,一起看看吧
收藏 0 赞 0 分享

iOS实现动态自适应标签

这篇文章主要为大家详细介绍了iOS动态自适应标签的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
收藏 0 赞 0 分享

iOS实现图片存在本地、再从本地获取图片的功能

本文主要介绍了iOS实现图片存在本地、再从本地获取图片的功能的代码。具有很好的参考价值。下面跟着小编一起来看下吧
收藏 0 赞 0 分享

iOS视频录制(或选择)压缩及上传功能(整理)

最新做的一个功能涉及到了视频的录制、压缩及上传功能,经过大神的一番教导,终于倒腾清楚了,今天小编把问题经过记录一下分享到脚本之家平台,供大家参考
收藏 0 赞 0 分享

iOS中打包上传常见的错误与解决办法

关于打包上传至AppStore,大家都认为是最后一步了,其实到了这里往往会遇到很多的坑。对于踩过的坑我不想再踩第二遍,所以在此将我遇到的所有奇葩问题在此做一个记录,当作对自己的一个提醒,同时也分享给给位,需要的朋友可以参考下。
收藏 0 赞 0 分享

解决Xcode 8构建版本iTunes Connect获取不到应用程序状态的办法

这篇文章主要介绍了关于解决Xcode 8构建版本iTunes Connect获取不到应用程序状态的办法,需要的朋友可以参考下
收藏 0 赞 0 分享

Objective-C实现身份证验证的方法示例

这篇文章主要给大家分享了Objective-C实现身份证验证的方法,文中给出了详细的示例代码,对大家具有一定的参考价值,需要的朋友们下面来一起看看吧。
收藏 0 赞 0 分享

ios启动页强制竖屏(进入App后允许横屏与竖屏)

最近工作遇到这样一个需要,当进入启动页需要强制竖屏,而进入APP后就允许横屏与竖屏,通过查找相关的资料找到了解决的方法,所以将实现的方法整理后分享出来,需要的朋友们可以参考借鉴,下面来一起看看吧。
收藏 0 赞 0 分享
查看更多