快捷導(dǎo)航

iOS實現(xiàn)無限滑動效果

更新時間：2022年03月21日 10:29:59 作者：JackLee18

這篇文章主要為大家詳細介紹了iOS實現(xiàn)無限滑動效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

在看到這個標(biāo)題的時候，相信大家心里肯定會想，無限循環(huán)輪播的博客已經(jīng)滿天飛了，好有必要寫么。這里我想聲明一下，這里的無線滑動，但是數(shù)據(jù)卻不循環(huán)。

實現(xiàn)原理

由于業(yè)務(wù)的需求，需要有大量的數(shù)據(jù)呈現(xiàn)在collectionView上，但是又不想刷新全部的數(shù)據(jù)，因此需要制定collectionView的cell的數(shù)量為有限的。針對這一種情況，我們需要保證頁面刷新數(shù)據(jù)源的索引和頁面滑動的索引是不致的。同時滑動停止后，悄悄的將collectionView恢復(fù)到初始的位置。
具體源碼如下：

@interface JKReadViewController ()<UIScrollViewDelegate>
{
? ? NSArray *_datas;
}
@property (nonatomic,assign) ?NSInteger currentIndex;
@property (nonatomic,assign) NSInteger cellCount;
@property (nonatomic,assign) NSInteger sectionNum;
@end

@implementation JKReadViewController

- (UICollectionViewFlowLayout *)collectionViewLayout{
? ? UICollectionViewFlowLayout *flowLayout = [[UICollectionViewFlowLayout alloc] init];
? ? flowLayout.scrollDirection = UICollectionViewScrollDirectionHorizontal;
? ? return flowLayout;
}

- (Class)cellClass{
? ? return [JKPageCollectionCell class];
}

- (void)viewDidLoad {
? ? [super viewDidLoad];
? ? // Do any additional setup after loading the view.
}

- (void)configOrigin{
? ? self.sectionNum = floor(self.dataIndex/self.cellCount);
? ? self.currentIndex = 1;//當(dāng)前CollectionView的索引

? ? NSIndexPath *idxPath = [NSIndexPath indexPathForItem:1 inSection:0];

? ? [self.collectionView scrollToItemAtIndexPath:idxPath atScrollPosition:0 animated:NO];
}

- (void)viewDidAppear:(BOOL)animated{
? ? [super viewDidAppear:animated];
? ? [self configOrigin];
}

- (void)configUI{
? ? [super configUI];
? ? self.collectionView.pagingEnabled = YES;
? ? self.collectionView.showsHorizontalScrollIndicator = NO;
? ? self.collectionView.bounces = NO;
}


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

? ? NSInteger index = scrollView.contentOffset.x/ scrollView.bounds.size.width;
? ? if (index>self.currentIndex) {
? ? ? ? self.dataIndex++;//數(shù)據(jù)源的索引
? ? }else if (index< self.currentIndex){
? ? ? ? self.dataIndex--;
? ? ? ? self.dataIndex = self.dataIndex<0?0:self.dataIndex;
? ? }
? ? NSIndexPath *indexPath = [NSIndexPath indexPathForItem:1 inSection:0];
? ? [self.collectionView reloadItemsAtIndexPaths:@[indexPath]];
? ? dispatch_async(dispatch_get_main_queue(), ^{
? ? ? ? [self.collectionView scrollToItemAtIndexPath:indexPath atScrollPosition:0 animated:NO];

? ? });

}

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

? ? JKPageCollectionCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:[JKPageCollectionCell CellIndentifier] forIndexPath:indexPath];
? ? ? ? ?NSString *title = self.datas[self.dataIndex];
? ? ? ? [cell updateViewWithModel:title];

? ? return cell;

}

- (NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
? ? return self.cellCount;
}


- (NSArray *)datas{//模擬的大量的數(shù)據(jù)源
? ? if (!_datas) {
? ? ? ? NSMutableArray *tempArray = [NSMutableArray new];
? ? ? ? for (NSInteger i = 0; i< 1000; i++) {
? ? ? ? ? ? NSString *string = [NSString stringWithFormat:@"%@",@(i)];
? ? ? ? ? ? [tempArray addObject:string];
? ? ? ? }
? ? ? ? _datas = [tempArray copy];
? ? }
? ? return _datas;
}

- (NSInteger)cellCount{
? ? return 3;//單元格的數(shù)量
}

- (void)didReceiveMemoryWarning {
? ? [super didReceiveMemoryWarning];
? ? // Dispose of any resources that can be recreated.
}


@end

實現(xiàn)動畫效果如下：