我们经常会遇到需要做无限轮播Banner的需求,仔细分析一下,可以拆分为两个需求:
- 可以自动滚动到下一页
- 不管是向前或者向后,永远有下一页
需求一:自动滚动
原理:通过定时任务来实现自动滚动
实现方式有很多种,例如GCD,NSTimer等,具体实现方式这里不展开说明了,简单写几个例子:
GCD的使用
// GCD实现定时任务
dispatch_source_t timer;
timer = dispatch_source_create(DISPATCH_SOURCE_TYPE_TIMER, 0, 0,dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0));
dispatch_source_set_timer(timer,
dispatch_time(DISPATCH_TIME_NOW, 5*NSEC_PER_SEC),
5*NSEC_PER_SEC,
0);
dispatch_source_set_event_handler(timer, ^{
dispatch_suspend(timer);
});
dispatch_resume(timer);
NSTimer的使用
// NSTimer
- (void)startTimer {
[self stopTimer];
self.repeatTimer = [NSTimer scheduledTimerWithTimeInterval:3 target:self selector:@selector(scrollToNextPage) userInfo:nil repeats:YES];
}
- (void)stopTimer {
[self.repeatTimer invalidate];
self.repeatTimer = nil;
}
- (void)scrollToNextPage {
// scroll to next page
}
需求二:永远有上一页/下一页
网上比较常见的有两种方案:
1、UICollectionView
为CollectionView返回一个比较大的itemCount,然后通过取余计算来实现cell的循环展示
为实现假的可以无限上下滚动,所以会将初始化的位置放到itemCount的中间位置
优点:可以比较流畅的上下滚动
缺点:有边界,假无限(可以通过返回更大的itemCount来优化,由于collectionView的重用机制,并不会过多消耗内存),如果真到边界时,需要复位,否则会卡住
综上,推荐使用这种方式来实现,设置一个比较大的itemCount之后,只要不是鸡蛋里挑骨头,可以说是“无限”循环
2、UIScrollView
使用UIScrollView又有两种思路:
具体实现请参考https://www.jianshu.com/p/5847021bebc2
①滚动后重新布局,然后滚动到中间位置
-
定义≥3页的内容
1 -
滚动到中间+1页
2 -
后台修改页面内容,滚动到中间页(无动画)
3
②滚动动画完成后,调整到合适的位置
滑到左边图3后,后台滚动到右边图3位置
滑到右边图0时,后台滚动到左边图0位置
image.png
优点:真的可以无限滑动
缺点:滑动不松手的话,会有边界
网友评论