iOS實現自動循環播放的banner實例詳解

2020-07-26 02:34:24

字體：大中小

來源：轉載

供稿：網友

前言

對于banner輪播圖，相信大家都會經常用到。自動循環播放的banner是很常見的UI組件。如何實現呢？下面就來給大家詳細介紹下，話不多說了，下面來一起學習學習吧。

1.實現思路

1.橫向滾動的banner。

UIScrollViw+UIImageView.
UICollectionView+UICollectionViewCell.
前者需要自己做重用UIImageView，后者可以直接重用UICollectionViewCell。如果前者沒有做重用，多占用內存。

2.自動循環播放banner。

可以使用計時器觸發循環播放.
拖動或手動滑動banner時，停止自動循環播放banner。手勢停止后，開啟自動循環播放banner。

3.特殊banner位的處理。

處于第1個或最后1個時，為保證橫向自動滑動效果流暢性，不跳動，需要特殊處理下。
在生成banner時，第1個前面插入最后1個banner。最后1個banner后面插入第1個banner。當滑動到最后1個banner時，重置于第2個banner位。

2.本文采用第二種：UICollectionView+UICollectionViewCell

關鍵代碼實現

2.1生成banner的特殊處理

- (void)setBannerList:(NSArray<KBannerItem *> *)bannerList { if (bannerList.count > 1) {  NSMutableArray *itemList = [NSMutableArray arrayWithArray:bannerList];  [itemList insertObject:bannerList.lastObject atIndex:0];  [itemList addObject:bannerList.firstObject];  _bannerList = itemList; }else{  _bannerList = bannerList; } if (self.bannerList.count > 1) {  self.bannerPageControl.numberOfPages = self.bannerList.count - 2; }else{  self.bannerPageControl.numberOfPages = 0; } self.noBannerImageView.hidden = self.bannerList.count > 0; self.bannerPageControl.currentPage = 0; [self.collectionView reloadData]; self.collectionView.contentOffset = CGPointMake(CGRectGetWidth(self.collectionView.frame), 0);}

2.2 banner自動循環播放觸發的事件

- (void)handleBannerChangeEvent:(id)sender { if (_bannerPageControl.numberOfPages <= 1) {  return; } NSInteger page = _bannerPageControl.currentPage + 1; [self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:page + 1 inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:YES];}

2.3開啟自動播放或關閉自動播放bannner。

- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView { self.countTimer.isOpen = NO;}- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView     willDecelerate:(BOOL)decelerate { self.countTimer.isOpen = YES;}

2.4.滑動時的特殊處理。

- (void)scrollViewDidScroll:(UIScrollView *)scrollView { if (_bannerList.count <=1) {  return; } CGFloat width = CGRectGetWidth(scrollView.frame); NSInteger currentPage = scrollView.contentOffset.x / width; if (currentPage == 0) {  if (scrollView.contentOffset.x < 0) {   [self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:_bannerList.count - 2 inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:NO];   self.bannerPageControl.currentPage = _bannerList.count - 2;  }else{   [self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:1 inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:NO];   self.bannerPageControl.currentPage = 0;  } }else if (currentPage == _bannerList.count - 1) {  self.bannerPageControl.currentPage = 0;  [self.collectionView scrollToItemAtIndexPath:[NSIndexPath indexPathForRow:1 inSection:0] atScrollPosition:UICollectionViewScrollPositionRight animated:NO]; }else{  self.bannerPageControl.currentPage = currentPage - 1; }}

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對武林網的支持。

上一篇：iOS開發中關鍵字const/static/extern、UIKIT_EXTERN的區別和用法

下一篇：簡單好用可任意定制的iOS Popover氣泡效果