iOS如何實(shí)現(xiàn)無限循環(huán)輪播圖效果

這篇文章主要介紹了iOS如何實(shí)現(xiàn)無限循環(huán)輪播圖效果，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè),成都做網(wǎng)站公司-創(chuàng)新互聯(lián)已向成百上千家企業(yè)提供了,網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)絡(luò)營銷等服務(wù)!設(shè)計(jì)與技術(shù)結(jié)合,多年網(wǎng)站推廣經(jīng)驗(yàn),合理的價(jià)格為您打造企業(yè)品質(zhì)網(wǎng)站。

本文實(shí)例為大家分享了iOS實(shí)現(xiàn)無限循環(huán)輪播圖的具體代碼，供大家參考，具體內(nèi)容如下

輪播圖基礎(chǔ)控件，左滑右滑都能無限循環(huán)

預(yù)覽

思路

（1）在第一張左邊加一張最后一張的圖片，往左滑到邊緣結(jié)束后計(jì)算偏移量迅速定位成最后一張

#pragma mark - pagecontrol事件
// 這個(gè)是點(diǎn)擊小圓點(diǎn)條進(jìn)行切換，到邊不能循環(huán)
- (void)pageControlTouched
{
 // 點(diǎn)擊的時(shí)候停止計(jì)時(shí)
 [self.kvTimer setFireDate:[NSDate distantFuture]];
 
 // 滑到指定頁面
 NSInteger curPageIdx = _pageControl.currentPage;
 CGFloat offsetX = self.frame.size.width * (curPageIdx + 1);
 [self.scrollView setContentOffset:CGPointMake(offsetX, 0) animated:YES];
 
 // 重新開啟定時(shí)器
 [self.kvTimer setFireDate:[NSDate dateWithTimeInterval:kTimerInterval sinceDate:[NSDate date]]];
}
 
#pragma mark - 滾動(dòng)事件
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
// printf("start drag\n");
 // 記錄偏移量
 preOffsetX = scrollView.contentOffset.x;
 // 開始手動(dòng)滑動(dòng)時(shí)暫停定時(shí)器
 [self.kvTimer setFireDate:[NSDate distantFuture]];
}
 
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
// printf("end drag\n");
 // 左右邊界
 CGFloat leftEdgeOffsetX = 0;
 CGFloat rightEdgeOffsetX = self.frame.size.width * (_pageCount + 1);
 
 if (scrollView.contentOffset.x < preOffsetX)
 {
 // 左滑
 if (scrollView.contentOffset.x > leftEdgeOffsetX)
 {
  self.pageControl.currentPage = scrollView.contentOffset.x / self.frame.size.width - 1;
 }
 else if (scrollView.contentOffset.x == leftEdgeOffsetX)
 {
  self.pageControl.currentPage = _pageCount - 1;
 }
 
 if (scrollView.contentOffset.x == leftEdgeOffsetX)
 {
  self.scrollView.contentOffset = CGPointMake(self.frame.size.width * _pageCount, 0);
 }
 }
 else
 {
 // 右滑
 
 // 設(shè)置小點(diǎn)
 if (scrollView.contentOffset.x < rightEdgeOffsetX)
 {
  self.pageControl.currentPage = scrollView.contentOffset.x / self.frame.size.width - 1;
 }
 else if (scrollView.contentOffset.x == rightEdgeOffsetX)
 {
  self.pageControl.currentPage = 0;
 }
 
 // 滑動(dòng)完了之后從最后多余頁趕緊切換到第一頁
 if (scrollView.contentOffset.x == rightEdgeOffsetX)
 {
  self.scrollView.contentOffset = CGPointMake(self.frame.size.width, 0);
 }
 
 }
 // 結(jié)束后又開啟定時(shí)器
 [self.kvTimer setFireDate:[NSDate dateWithTimeInterval:kTimerInterval sinceDate:[NSDate date]]];
}
 
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
{
// printf("end scroll\n");
}
 
#pragma mark - 定時(shí)器控制的滑動(dòng)
// 往右邊滑
- (void)changePageRight
{
 // 設(shè)置當(dāng)前需要偏移的量，每次遞增一個(gè)page寬度
 CGFloat offsetX = _scrollView.contentOffset.x + CGRectGetWidth(self.frame);
 
 // 根據(jù)情況進(jìn)行偏移
 CGFloat edgeOffsetX = self.frame.size.width * (_pageCount + 1); // 最后一個(gè)多余頁面右邊緣偏移量
 
 // 從多余頁往右邊滑，趕緊先設(shè)置為第一頁的位置
 if (offsetX > edgeOffsetX)
 {
 // 偏移量，不帶動(dòng)畫，欺騙視覺
 self.scrollView.contentOffset = CGPointMake(self.frame.size.width, 0);
 // 這里提前改變下一個(gè)要滑動(dòng)到的位置為第二頁
 offsetX = self.frame.size.width * 2;
 }
 
 // 帶動(dòng)畫滑動(dòng)到下一頁面
 [self.scrollView setContentOffset:CGPointMake(offsetX, 0) animated:YES];
 if (offsetX < edgeOffsetX)
 {
 self.pageControl.currentPage = offsetX / self.frame.size.width - 1;
 }
 else if (offsetX == edgeOffsetX)
 {
 // 最后的多余那一頁滑過去之后設(shè)置小點(diǎn)為第一個(gè)
 self.pageControl.currentPage = 0;
 }
}
 
// 往左邊滑
- (void)changePageLeft
{
 // 設(shè)置當(dāng)前需要偏移的量，每次遞減一個(gè)page寬度
 CGFloat offsetX = _scrollView.contentOffset.x - CGRectGetWidth(self.frame);
 
 // 根據(jù)情況進(jìn)行偏移
 CGFloat edgeOffsetX = 0; // 最后一個(gè)多余頁面左邊緣偏移量
 
 // 從多余頁往左邊滑動(dòng)，先設(shè)置為最后一頁
 if (offsetX < edgeOffsetX)
 {
 self.scrollView.contentOffset = CGPointMake(self.frame.size.width * _pageCount, 0);
 offsetX = self.frame.size.width * (_pageCount - 1);
 }
 
 // 帶動(dòng)畫滑動(dòng)到前一頁面
 [self.scrollView setContentOffset:CGPointMake(offsetX, 0) animated:YES];
 if (offsetX > edgeOffsetX)
 {
 self.pageControl.currentPage = offsetX / self.frame.size.width - 1;
 }
 else if (offsetX == edgeOffsetX)
 {
 // 最后的多余那一頁滑過去之后設(shè)置小點(diǎn)為最后一個(gè)
 self.pageControl.currentPage = _pageCount - 1;
 }
}

（2）總共只有左、中、右三個(gè)頁面，每次滑動(dòng)后重新進(jìn)行數(shù)據(jù)跟頁面的關(guān)聯(lián)

#pragma mark - 定時(shí)器回調(diào)
- (void)changePageRight
{
 // 往右滑并且設(shè)置小圓點(diǎn)，永遠(yuǎn)都是滑到第三頁
 [_scrollView setContentOffset:CGPointMake(self.frame.size.width * 2, 0) animated:YES];
 [self resetPageIndex:YES];
}
 
- (void)changePageLeft
{
 // 往左滑，永遠(yuǎn)都是滑動(dòng)到第一頁
 [_scrollView setContentOffset:CGPointMake(0, 0) animated:YES];
 [self resetPageIndex:NO];
}
 
#pragma mark - 重新設(shè)置索引和頁面圖片
- (void)resetPageIndex:(BOOL)isRight
{
 if (isRight)
 {
 // 根據(jù)之前的page下標(biāo)來修改
 if (_prePageIndex == _pageCount - 1)
 {
  // 到頭了就回到第一個(gè)
  _pageControl.currentPage = 0;
 }
 else
 {
  // 這里用_prePageIndex來算，否則點(diǎn)擊小圓點(diǎn)條會(huì)重復(fù)計(jì)算了
  _pageControl.currentPage = _prePageIndex + 1;
 }
 }
 else
 {
 if (_prePageIndex == 0)
 {
  _pageControl.currentPage = _pageCount - 1;
 }
 else
 {
  _pageControl.currentPage = _prePageIndex - 1;
 }
 }
 _prePageIndex = _pageControl.currentPage;
}
 
- (void)resetPageView
{
 // 每次滑動(dòng)完了之后又重新設(shè)置當(dāng)前顯示的page時(shí)中間的page
 UIImageView *leftPage = [_scrollView viewWithTag:1000];
 UIImageView *middlePage = [_scrollView viewWithTag:1001];
 UIImageView *rightPage = [_scrollView viewWithTag:1002];
 
 if (_pageControl.currentPage == _pageCount - 1)
 {
 // n- 1 -> n -> 0
 leftPage.image = _kvImageArray[_pageControl.currentPage - 1];
 middlePage.image = _kvImageArray[_pageControl.currentPage];
 rightPage.image = _kvImageArray.firstObject;
 
 }
 else if (_pageControl.currentPage == 0)
 {
 // n -> 0 -> 1
 // 到尾部了，改成從頭開始
 leftPage.image = _kvImageArray.lastObject;
 middlePage.image = _kvImageArray.firstObject;
 rightPage.image = _kvImageArray[1];
 }
 else
 {
 // x - 1 -> x -> x + 1
 leftPage.image = _kvImageArray[_pageControl.currentPage - 1];
 middlePage.image = _kvImageArray[_pageControl.currentPage];
 rightPage.image = _kvImageArray[_pageControl.currentPage + 1];
 }
 
 // 重新設(shè)置偏移量
 _scrollView.contentOffset = CGPointMake(self.frame.size.width, 0);
}
 
#pragma mark - pagecontrol事件
- (void)pageControlTouched
{
 [self stopTimer];
 
 NSInteger curPageIndex = _pageControl.currentPage;
 if (curPageIndex > _prePageIndex)
 {
 // 右滑
 [self changePageRight];
 }
 else
 {
 // 左滑
 [self changePageLeft];
 }
 
 [self startTimer];
}
 
#pragma mark - scrollview滑動(dòng)代理
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
 // 先停掉定時(shí)器
 [self stopTimer];
 
}
 
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
 // 手動(dòng)拖拽滑動(dòng)結(jié)束后
 if (scrollView.contentOffset.x > self.frame.size.width)
 {
 // 右滑
 [self resetPageIndex:YES];
 }
 else
 {
 // 左滑
 [self resetPageIndex:NO];
 }
 [self resetPageView];
 
 // 開啟定時(shí)器
 [self startTimer];
}
 
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
{
 // 自動(dòng)滑動(dòng)結(jié)束后重新設(shè)置圖片
 [self resetPageView];
}

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“iOS如何實(shí)現(xiàn)無限循環(huán)輪播圖效果”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)站名稱：iOS如何實(shí)現(xiàn)無限循環(huán)輪播圖效果
網(wǎng)站路徑：http://bm7419.com/article40/jjsiho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、云服務(wù)器、品牌網(wǎng)站制作、品牌網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)