前言

創(chuàng)新互聯(lián)長期為上1000+客戶提供的網(wǎng)站建設(shè)服務(wù)，團隊從業(yè)經(jīng)驗10年，關(guān)注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為克拉瑪依區(qū)企業(yè)提供專業(yè)的網(wǎng)站制作、網(wǎng)站建設(shè)，克拉瑪依區(qū)網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

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

1.實現(xiàn)思路

1.橫向滾動的banner。

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

2.自動循環(huán)播放banner。

• 可以使用計時器觸發(fā)循環(huán)播放.
• 拖動或手動滑動banner時，停止自動循環(huán)播放banner。手勢停止后，開啟自動循環(huán)播放banner。

3.特殊banner位的處理。

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

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

關(guān)鍵代碼實現(xiàn)

2.1生成banner的特殊處理

- (void)setBannerList:(NSArray *)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);
}

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

當前文章：iOS實現(xiàn)自動循環(huán)播放的banner實例詳解-創(chuàng)新互聯(lián)
當前URL：http://weahome.cn/article/ceooic.html