ios自定义uiview（ios uiscrollview）

一、案例演示

本案例demo演示的是一个首页轮播的案例，支持手动轮播和自动轮播。知识点主要集中在uicollectionview和nstimer的使用。

二、知识储备

2.1、uicollectionview横向布局

只需要设置uicollectionviewflowlayout的scrolldirection为uicollectionviewscrolldirectionhorizontal即可。

2.2、nstimer的基本使用

nstimer的初始化：

复制代码代码如下: + (nstimer *)scheduledtimerwithtimeinterval:(nstimeinterval)ti target:(id)atarget selector:(sel)aselector userinfo:(nullable id)userinfo repeats:(bool)yesorno;

1)、(nstimeinterval)ti ：预订一个timer,设置一个时间间隔。
表示输入一个时间间隔对象，以秒为单位，一个>0的浮点类型的值，如果该值<0,系统会默认为0.1。
2）、target:(id)atarget ：表示发送的对象，如self
3）、selector:(sel)aselector ：方法选择器，在时间间隔内，选择调用一个实例方法
4）、userinfo:(nullable id)userinfo ：需要传参，可以为nil
5）、repeats:(bool)yesorno ：当yes时，定时器会不断循环直至失效或被释放，当no时，定时器会循环发送一次就失效。
开启定时器：

复制代码代码如下: [[nsrunloop mainrunloop] addtimer:timer formode:nsrunloopcommonmodes];

关闭定时器：

[self.timer invalidate];

2.3、自动轮播和手动轮播的切换

初始化的时候，我们默认开启定时器，定时执行切换到下一张图片的函数。当用户触摸到view的时候，我们则要关闭定时器，手动的进行uicollectionview的切换。当用户的手离开了view，我们要重新打开定时器，进行自动轮播的切换。

三、关键代码分析

3.1、生成uicollectionviewflowlayout对象，设置他的滚动方向为水平滚动

1 2 3 4 uicollectionviewflowlayout *flowlayout = [[uicollectionviewflowlayout alloc] init]; flowlayout.itemsize = cgsizemake(screen_width, 200); flowlayout.scrolldirection = uicollectionviewscrolldirectionhorizontal; flowlayout.minimumlinespacing = 0;

3.2、初始化uicollectionview对象

1 2 3 4 5 6 7 uicollectionview *collectionview = [[uicollectionview alloc] initwithframe:cgrectmake(0, self.navbarheight, screen_width, 200) collectionviewlayout:flowlayout]; collectionview.delegate = self; collectionview.datasource = self; collectionview.showshorizontalscrollindicator = no; collectionview.pagingenabled = yes; collectionview.backgroundcolor = [uicolor clearcolor]; [self.view addsubview:collectionview];

3.3、uicollectionview的uicollectionviewdatasource代理方法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 #pragma mark- uicollectionviewdatasource -(nsinteger)numberofsectionsincollectionview:(uicollectionview *)collectionview{ return yymaxsections; } -(nsinteger)collectionview:(uicollectionview *)collectionview numberofitemsinsection:(nsinteger)section{ return self.newses.count; } -(uicollectionviewcell *)collectionview:(uicollectionview *)collectionview cellforitematindexpath:(nsindexpath *)indexpath{ yycell *cell = [collectionview dequeuereusablecellwithreuseidentifier:yyidcell forindexpath:indexpath]; if(!cell){ cell = [[yycell alloc] init]; } cell.news=self.newses[indexpath.item]; return cell; }

3.4、定时器的开启和关闭

1 2 3 4 5 6 7 8 9 10 11 12 13 #pragma mark 添加定时器 -(void) addtimer{ nstimer *timer = [nstimer scheduledtimerwithtimeinterval:1 target:self selector:@selector(nextpage) userinfo:nil repeats:yes]; [[nsrunloop mainrunloop] addtimer:timer formode:nsrunloopcommonmodes]; self.timer = timer ; } #pragma mark 删除定时器 -(void) removetimer{ [self.timer invalidate]; self.timer = nil; }

3.5、手动切换和自动轮播的切换

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 -(void) scrollviewwillbegindragging:(uiscrollview *)scrollview{ [self removetimer]; } #pragma mark 当用户停止的时候调用 -(void) scrollviewdidenddragging:(uiscrollview *)scrollview willdecelerate:(bool)decelerate{ [self addtimer]; } #pragma mark 设置页码 -(void) scrollviewdidscroll:(uiscrollview *)scrollview{ int page = (int) (scrollview.contentoffset.x/scrollview.frame.size.width+0.5)%self.newses.count; self.pagecontrol.currentpage =page; }

3.6、自动轮播切换到下一个view的方法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 -(void) nextpage{ nsindexpath *currentindexpath = [[self.collectionview indexpathsforvisibleitems] lastobject]; nsindexpath *currentindexpathreset = [nsindexpath indexpathforitem:currentindexpath.item insection:yymaxsections/2]; [self.collectionview scrolltoitematindexpath:currentindexpathreset atscrollposition:uicollectionviewscrollpositionleft animated:no]; nsinteger nextitem = currentindexpathreset.item +1; nsinteger nextsection = currentindexpathreset.section; if (nextitem==self.newses.count) { nextitem=0; nextsection++; } nsindexpath *nextindexpath = [nsindexpath indexpathforitem:nextitem insection:nextsection]; [self.collectionview scrolltoitematindexpath:nextindexpath atscrollposition:uicollectionviewscrollpositionleft animated:yes]; }