天天看点

图片无限轮播-最简单的实现方法

collectionView中只有三个cell 每次显示的都是第二个cell

- (UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath {

    CycleViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"Cell" forIndexPath:indexPath];

    //indexPath.item - 1 相当于index左移加1  右移减一

   //indexPath.item - 1 如果左移就相当于要显示第三个cell 2-1  ,相当于self.currentIndex + 1

   //indexPath.item - 1 如果右移就相当于要显示第一个cell 0-1  ,相当于self.currentIndex - 1

    NSInteger index = (self.currentIndex + indexPath.item - 1 + self.imageURLs.count) % self.imageURLs.count;

    cell.imageURL = self.imageURLs[index];

    return cell;

}

// 在滚动视图完全停止滚动后会调用的方法

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {

    // 1. 根据contentOffset可以判断出停留住的页面

    int page = scrollView.contentOffset.x / scrollView.bounds.size.width;

    NSLog(@"第 %d 页", page);

    // 2. 如果是第0页,self.currentIndex - 1,如果是第2页,self.currentIndex +1;

    self.currentIndex = (self.currentIndex + page - 1 + self.imageURLs.count) % self.imageURLs.count;

    // 3. 让collection滚动会第一个页面

    NSIndexPath *indexPath = [NSIndexPath indexPathForItem:1 inSection:0];

    [self.collectionView scrollToItemAtIndexPath:indexPath atScrollPosition:UICollectionViewScrollPositionCenteredHorizontally animated:NO];

}

继续阅读