在工作中有时候我们会遇到无限滚动,比如相册,广告等,今天就用UICollectionView来实现无限滚动,话不多说,都在代码中了!
#define ID @"photo"
#define KMaxSections 100
@interface PhotoViewController () <UICollectionViewDataSource, UICollectionViewDelegate>
@property (weak, nonatomic) IBOutlet UICollectionView *collectionView;
@property (nonatomic, weak) IBOutlet UIPageControl *pageContol;
@property (nonatomic, strong) NSArray *photoes;
@property (nonatomic, strong) NSTimer *timer;
@end
@implementation PhotoViewController
- (NSArray *)photos
{
if (_photoes == nil) {
NSMutableArray * tmpArray = [NSMutableArray array];
for (NSInteger i = 0; i < 20; i ++) {
UIImage * image = [UIImage imageNamed:[NSString stringWithFormat:@"%ld.jpg",i + 1]];
[tmpArray addObject:image];
}
_photoes = tmpArray;
}
return _photoes;
}
- (void)viewDidLoad
{
[super viewDidLoad];
// 注册cell
[self.collectionView registerNib:[UINib nibWithNibName:@"photo" bundle:nil] forCellWithReuseIdentifier:ID];
// 默认显示最中间的那组
[self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForItem:0 inSection:KMaxSections/2] atScrollPosition:UICollectionViewScrollPositionLeft animated:NO];
// 添加定时器
[self addTimer];
}
/**
* 添加定时器
*/
- (void)addTimer
{
NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self selector:@selector(nextPage) userInfo:nil repeats:YES];
[[NSRunLoop mainRunLoop] addTimer:timer forMode:NSRunLoopCommonModes];
self.timer = timer;
}
/**
* 移除定时器
*/
- (void)removeTimer
{
// 停止定时器
[self.timer invalidate];
self.timer = nil;
}
- (NSIndexPath *)resetIndexPath
{
// 当前正在展示的位置
NSIndexPath *currentIndexPath = [[self.collectionView indexPathsForVisibleItems] lastObject];
// 马上显示回最中间那组的数据
NSIndexPath *currentIndexPathReset = [NSIndexPath indexPathForItem:currentIndexPath.item inSection:KMaxSections/2];
[self.collectionView scrollToItemAtIndexPath:currentIndexPathReset atScrollPosition:UICollectionViewScrollPositionLeft animated:NO];
return currentIndexPathReset;
}
/**
* 下一页
*/
- (void)nextPage
{
// 1.马上显示回最中间那组的数据
NSIndexPath *currentIndexPathReset = [self resetIndexPath];
// 2.计算出下一个需要展示的位置
NSInteger nextItem = currentIndexPathReset.item + 1;
NSInteger nextSection = currentIndexPathReset.section;
if (nextItem == self.photoes.count) {
nextItem = 0;
nextSection++;
}
NSIndexPath *nextIndexPath = [NSIndexPath indexPathForItem:nextItem inSection:nextSection];
// 3.通过动画滚动到下一个位置
[self.collectionView scrollToItemAtIndexPath:nextIndexPath atScrollPosition:UICollectionViewScrollPositionLeft animated:YES];
}
#pragma mark - UICollectionViewDataSource
- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section
{
return self.photoes.count;
}
- (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView
{
return KMaxSections;
}
- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath
{
PhotoCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:ID forIndexPath:indexPath];
cell.photo = self.photoes[indexPath.item];
return cell;
}
#pragma mark - UICollectionViewDelegate
/**
* 当用户即将开始拖拽的时候就调用
*/
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
[self removeTimer];
}
/**
* 当用户停止拖拽的时候就调用
*/
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
[self addTimer];
}
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
int page = (int)(scrollView.contentOffset.x / scrollView.bounds.size.width + 0.5) % self.newses.count;
self.pageContol.currentPage = page;
}