前言

創新互聯長期為上1000+客戶提供的網站建設服務，團隊從業經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯網生態環境。為克拉瑪依區企業提供專業的網站制作、網站建設，克拉瑪依區網站改版等技術服務。擁有10余年豐富建站經驗和眾多成功案例,為您定制開發。

對于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);
}

另外有需要云服務器可以了解下創新互聯建站vcdvsql.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前題目：iOS實現自動循環播放的banner實例詳解-創新互聯
轉載注明：http://vcdvsql.cn/article2/ceooic.html

成都網站建設公司_創新互聯，為您提供全網營銷推廣、小程序開發、外貿網站建設、虛擬主機、定制開發、做網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯