iOS使用UIScrollView实现无限循环轮播图效果
程序员文章站
2023-12-16 13:28:40
本文实例为大家分享了ios使用uiscrollview实现无限循环轮播图的具体代码,供大家参考,具体内容如下
代码:
//
// viewcontroll...
本文实例为大家分享了ios使用uiscrollview实现无限循环轮播图的具体代码,供大家参考,具体内容如下
代码:
// // viewcontroller.m // 无限轮播 // // created by limin on 17/8/23. // copyright © 2017年 none. all rights reserved. // #import "viewcontroller.h" @interface viewcontroller ()<uiscrollviewdelegate> /* 定时器 */ @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]; //设置滚动范围 rotatescrollview.contentsize = cgsizemake(cgrectgetwidth(self.view.frame)*3, cgrectgetheight(self.view.frame)); //设置分页效果 rotatescrollview.pagingenabled = yes; //水平滚动条隐藏 rotatescrollview.showshorizontalscrollindicator = no; //添加三个子视图,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个视图",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]; //为滚动视图的右边添加一个视图,使得它和第一个视图一模一样。 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]; //启动定时器 self.rotatetimer = [nstimer scheduledtimerwithtimeinterval:1.0 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]] 返回值为从现在时刻开始 再过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); //切换视图时带动画效果 //最右边的多余视图实际上就是第一个视图,现在是要从第一个视图向第二个视图偏移,所以偏移量为一个屏幕宽度 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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。