欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2023-12-22 08:32:28
前言 本文主要给大家介绍了如何实现一个可以无限循环的tableview的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍吧。 先来看看效果: 思...

前言

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

先来看看效果:

iOS实现无限循环滚动的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

总结

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

上一篇:

下一篇: