溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

怎么在iOS中使用UIScrollView實(shí)現(xiàn)無(wú)限循環(huán)輪播圖

發(fā)布時(shí)間:2021-05-31 17:47:41 來(lái)源:億速云 閱讀:170 作者:Leah 欄目:移動(dòng)開發(fā)

怎么在iOS中使用UIScrollView實(shí)現(xiàn)無(wú)限循環(huán)輪播圖?針對(duì)這個(gè)問(wèn)題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

代碼:

 
#import "ViewController.h"
 
@interface ViewController ()<UIScrollViewDelegate>
/* 定時(shí)器 */
@property(nonatomic,strong)NSTimer *rotateTimer;
/* */
@property(nonatomic,strong)UIPageControl *myPageControl;
@end
 
@implementation ViewController
 
- (void)viewDidLoad {
 [super viewDidLoad];
 //初始化scroolview大小為屏幕大小
 UIScrollView *rotateScrollView = [[UIScrollView alloc]initWithFrame:self.view.frame];
 //設(shè)置滾動(dòng)范圍
 rotateScrollView.contentSize = CGSizeMake(CGRectGetWidth(self.view.frame)*3, CGRectGetHeight(self.view.frame));
 //設(shè)置分頁(yè)效果
 rotateScrollView.pagingEnabled = YES;
 //水平滾動(dòng)條隱藏
 rotateScrollView.showsHorizontalScrollIndicator = NO;
 //添加三個(gè)子視圖,uilabel類型
 for (int i=0; i<3; i++) {
 UILabel *subLabel = [[UILabel alloc] initWithFrame:CGRectMake(CGRectGetWidth(self.view.frame)*i, 0, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame))];
 subLabel.tag = 1000+i;
 subLabel.text = [NSString stringWithFormat:@"我是第%d個(gè)視圖",i];
 [subLabel setFont:[UIFont systemFontOfSize:80]];
 subLabel.adjustsFontSizeToFitWidth = YES;
 [subLabel setBackgroundColor:[UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1.0]];
 [rotateScrollView addSubview:subLabel];
 
 }
 UILabel *tempLabel = [rotateScrollView viewWithTag:1000];
 //為滾動(dòng)視圖的右邊添加一個(gè)視圖,使得它和第一個(gè)視圖一模一樣。
 UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(CGRectGetWidth(self.view.frame)*3, 0, CGRectGetWidth(self.view.frame), CGRectGetHeight(self.view.frame))];
 label.backgroundColor = tempLabel.backgroundColor;
 label.text = tempLabel.text;
 label.font = tempLabel.font;
 label.adjustsFontSizeToFitWidth = YES;
 [rotateScrollView addSubview:label];
 [self.view addSubview:rotateScrollView];
 rotateScrollView.tag = 1000;
 self.myPageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(0, CGRectGetHeight(self.view.frame)-50, CGRectGetWidth(self.view.frame), 50)];
 self.myPageControl.numberOfPages = 3;
 self.myPageControl.currentPage = 0;
 [self.view addSubview:self.myPageControl];
 
 //啟動(dòng)定時(shí)器
 self.rotateTimer = [NSTimer scheduledTimerWithTimeInterval:1.0 target:self selector:@selector(changeView) userInfo:nil repeats:YES];
 //為滾動(dòng)視圖指定代理
 rotateScrollView.delegate = self;
}
 
#pragma mark -- 滾動(dòng)視圖的代理方法
//開始拖拽的代理方法,在此方法中暫停定時(shí)器。
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
 NSLog(@"正在拖拽視圖,所以需要將自動(dòng)播放暫停掉");
 //setFireDate:設(shè)置定時(shí)器在什么時(shí)間啟動(dòng)
 //[NSDate distantFuture]:將來(lái)的某一時(shí)刻
 [self.rotateTimer setFireDate:[NSDate distantFuture]];
}
 
//視圖靜止時(shí)(沒有人在拖拽),開啟定時(shí)器,讓自動(dòng)輪播
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
 //視圖靜止之后,過(guò)1.5秒在開啟定時(shí)器
 //[NSDate dateWithTimeInterval:1.5 sinceDate:[NSDate date]] 返回值為從現(xiàn)在時(shí)刻開始 再過(guò)1.5秒的時(shí)刻。
 NSLog(@"開啟定時(shí)器");
 [self.rotateTimer setFireDate:[NSDate dateWithTimeInterval:1.5 sinceDate:[NSDate date]]];
}
 
 
//定時(shí)器的回調(diào)方法 切換界面
- (void)changeView{
 //得到scrollView
 UIScrollView *scrollView = [self.view viewWithTag:1000];
 //通過(guò)改變contentOffset來(lái)切換滾動(dòng)視圖的子界面
 float offset_X = scrollView.contentOffset.x;
 //每次切換一個(gè)屏幕
 offset_X += CGRectGetWidth(self.view.frame);
 
 //說(shuō)明要從最右邊的多余視圖開始滾動(dòng)了,最右邊的多余視圖實(shí)際上就是第一個(gè)視圖。所以偏移量需要更改為第一個(gè)視圖的偏移量。
 if (offset_X > CGRectGetWidth(self.view.frame)*3) {
 scrollView.contentOffset = CGPointMake(0, 0);
 
 }
 //說(shuō)明正在顯示的就是最右邊的多余視圖,最右邊的多余視圖實(shí)際上就是第一個(gè)視圖。所以pageControl的小白點(diǎn)需要在第一個(gè)視圖的位置。
 if (offset_X == CGRectGetWidth(self.view.frame)*3) {
 self.myPageControl.currentPage = 0;
 }else{
 self.myPageControl.currentPage = offset_X/CGRectGetWidth(self.view.frame);
 }
 
 //得到最終的偏移量
 CGPoint resultPoint = CGPointMake(offset_X, 0);
 //切換視圖時(shí)帶動(dòng)畫效果
 //最右邊的多余視圖實(shí)際上就是第一個(gè)視圖,現(xiàn)在是要從第一個(gè)視圖向第二個(gè)視圖偏移,所以偏移量為一個(gè)屏幕寬度
 if (offset_X >CGRectGetWidth(self.view.frame)*3) {
 self.myPageControl.currentPage = 1;
 [scrollView setContentOffset:CGPointMake(CGRectGetWidth(self.view.frame), 0) animated:YES];
 }else{
 [scrollView setContentOffset:resultPoint animated:YES];
 }
 
}
 
- (void)didReceiveMemoryWarning {
 [super didReceiveMemoryWarning];
 // Dispose of any resources that can be recreated.
}
 
 
@end

關(guān)于怎么在iOS中使用UIScrollView實(shí)現(xiàn)無(wú)限循環(huán)輪播圖問(wèn)題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識(shí)。

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI