輪播圖

@property (nonatomic, retain)NSTimer* rotateTimer;? //讓視圖自動切換

@property (nonatomic, retain)UIPageControl *myPageControl;

@property (nonatomic,strong) UIScrollView *scrollview;

創(chuàng)建NSTimer ?UIPageControl ? UIScrollView ?

viewDidLoad里面填寫

self.view.backgroundColor=[UIColor groupTableViewBackgroundColor];

//初始化scrollView

UIScrollView *rotateScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 280)];

//滾動范圍

rotateScrollView.contentSize = CGSizeMake(CGRectGetWidth(self.view.frame)*3, 0);

//分頁效果

rotateScrollView.pagingEnabled = YES;

//滾動條隱藏

rotateScrollView.showsHorizontalScrollIndicator = NO;

NSArray *Array=@[@"壁紙6.jpg",@"bizhi.jpg",@"nizhi7.jpg"];

//添加三個子視圖? UILabel類型

for (int i = 0; i< 3; i++) {

UIImageView *img = [[UIImageView alloc] initWithFrame:CGRectMake(CGRectGetWidth(self.view.frame)*i, 0, self.view.frame.size.width,280)];

img.tag = 1000+i;

img.image = [UIImage imageNamed:Array[i]];

[rotateScrollView addSubview:img];

}

UIImageView *tempLabel = [rotateScrollView viewWithTag:1000];

//為滾動視圖的右邊添加一個視圖,使得它和第一個視圖一模一樣。

UIImageView *image = [[UIImageView alloc] initWithFrame:CGRectMake(CGRectGetWidth(self.view.frame)*3, 0, CGRectGetWidth(self.view.frame), 280)];

image.backgroundColor = tempLabel.backgroundColor;

image.image=[UIImage imageNamed:@"壁紙6.jpg"];

[rotateScrollView addSubview:image];

[self.view addSubview:rotateScrollView];

rotateScrollView.tag = 1000;

self.myPageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(self.view.frame.size.width-100, 230, 100, 50)];

self.myPageControl.numberOfPages = 3;

self.myPageControl.currentPage = 0;

self.myPageControl.numberOfPages = 3;//指定頁面?zhèn)€數(shù)

self.myPageControl.currentPage = 0;//指定pagecontroll的值,默認選中的小白點(第一個)

//添加委托方法,當點擊小白點就執(zhí)行此方法

self.myPageControl.pageIndicatorTintColor = [UIColor whiteColor];// 設置非選中頁的圓點顏色

self.myPageControl.currentPageIndicatorTintColor = [UIColor greenColor]; // 設置選中頁的圓點顏色

[self.view addSubview:self.myPageControl];

//啟動定時器

self.rotateTimer = [NSTimer scheduledTimerWithTimeInterval:1 target:self selector:@selector(changeView) userInfo:nil repeats:YES];

//為滾動視圖指定代理

rotateScrollView.delegate = self;

#pragma mark -- 滾動視圖的代理方法

//開始拖拽的代理方法,在此方法中暫停定時器。

-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{

NSLog(@"正在拖拽視圖,所以需要將自動播放暫停掉");

//setFireDate:設置定時器在什么時間啟動

//[NSDate distantFuture]:將來的某一時刻

[self.rotateTimer setFireDate:[NSDate distantFuture]];

}

//視圖靜止時(沒有人在拖拽),開啟定時器,讓自動輪播

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{

//視圖靜止之后,過1.5秒在開啟定時器

//[NSDate dateWithTimeInterval:1.5 sinceDate:[NSDate date]]? 返回值為從現(xiàn)在時刻開始 再過1.5秒的時刻。

NSLog(@"開啟定時器");

[self.rotateTimer setFireDate:[NSDate dateWithTimeInterval:1.5 sinceDate:[NSDate date]]];

}

//定時器的回調方法? 切換界面

- (void)changeView{

//得到scrollView

UIScrollView *scrollView = [self.view viewWithTag:1000];

//通過改變contentOffset來切換滾動視圖的子界面

float offset_X = scrollView.contentOffset.x;

//每次切換一個屏幕

offset_X += CGRectGetWidth(self.view.frame);

//說明要從最右邊的多余視圖開始滾動了,最右邊的多余視圖實際上就是第一個視圖。所以偏移量需要更改為第一個視圖的偏移量。

if (offset_X > CGRectGetWidth(self.view.frame)*3) {

scrollView.contentOffset = CGPointMake(0, 0);

}

//說明正在顯示的就是最右邊的多余視圖,最右邊的多余視圖實際上就是第一個視圖。所以pageControl的小白點需要在第一個視圖的位置。

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);

//切換視圖時帶動畫效果

//最右邊的多余視圖實際上就是第一個視圖,現(xiàn)在是要從第一個視圖向第二個視圖偏移,所以偏移量為一個屏幕寬度

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];

}

}

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容