大佬教程收集整理的这篇文章主要介绍了IOS开发之UIScrollView实现图片轮播器的无限滚动,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
IOS开发之UIScrollVIEw实现图片轮播器的无限滚动
简介
在现在的一些App中常常见到图片轮播器,一般用于展示广告、新闻等数据,在iOS内并没有现成的控件直接实现这种功能,但是通过UIScrollVIEw的允许分页设置,可以实现滚动轮播的功能。
轮播原理
UIScrollVIEw对象有pagingEnable成员,如果设置为YES,那么每一个scrollVIEw尺寸这么大的区域就会被当作一页,在滚动时会根据滚动的比例自动计算应该切换到哪一页。
无限滚动原理
要实现无限滚动,需要额外的两张图片,假设我们的图片有五张,存在images数组中,那么我们在将图片插入到scrollVIEw中时,在第一张图片前面插入一个最后一张图片作为辅助图片,在最后一张后面插入一个第一张图片作为辅助图片。这样,当滚动到第一张前面一张时,在页面切换结束后无动画的切换scrollVIEw的偏移量为最后一张图片(不包含最后一张后面的第一张那个辅助图片),这样就实现了由辅助图片到真实图片的过渡,之所以设置辅助图片是为了在滚动中看到那个真实图片。同理,当滚动到最后一张的后面一张时,我们吧scrollVIEw的偏移量设置为第一张图片即可。
具体的代码实现
这个代码是在开发一个项目中所写的,已经封装称一个VIEw,只需要调用initWithFrame指定轮播器尺寸,然后通过设置images成员的值即可实现无限滚动的轮播。
// .h // // ESPicPageVIEw.h // 享技 // // Created by 11 on 11/30/15. // copyright © 2015 soulghost. All rights reserved. // #import <UIKit/UIKit.h> @interface ESPicPageVIEw : UIVIEw @property (nonatomic,strong) NSArray *images; @end // -------------------------------------------- // .m // // ESPicPageVIEw.m // 享技 // // Created by 11 on 11/30/15. // copyright © 2015 soulghost. All rights reserved. // #import "ESPicPageVIEw.h" #import "UIImageVIEw+Webcache.h" @interface ESPicPageVIEw () <uiscrollviewdelegate> @property (nonatomic,weak) UIScrollVIEw *scrollVIEw; @property (nonatomic,weak) UIPageControl *pageControl; @property (nonatomic,assign) CGfloat imgW; @property (nonatomic,assign) CGfloat imgH; @property (nonatomic,strong) NSTimer *timer; @property (nonatomic,strong) NSArray *imageVIEws; @property (nonatomic,assign) NSInteger imageCount; @end @implementation ESPicPageVIEw - (instanCETypE)initWithFrame:(CGRect)frame{ if (self = [super initWithFrame:frame]) { self.BACkgroundcolor = [UIcolor bluecolor]; UIScrollVIEw *scrollVIEw = [[UIScrollVIEw alloc] init]; self.scrollVIEw = scrollVIEw; self.scrollVIEw.delegate = self; self.scrollVIEw.pagingEnabled = YES; self.scrollVIEw.showsHorizontalScrollinDicator = NO; self.scrollVIEw.BACkgroundcolor = [UIcolor whitecolor]; [self addSubvIEw:scrollVIEw]; self.imgW = frame.size.wIDth; self.imgH = frame.size.height; [self setNeedsLayout]; UIPageControl *pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(frame.size.wIDth - 50,frame.size.height - 10,0)]; self.pageControl = pageControl; self.pageControl.numberOfPages = 1; [self addSubvIEw:pageControl]; self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self SELEctor:@SELEctor(nextimagE) userInfo:nil repeats:YES]; [[NSRunLoop currentRunLoop] addTimer:self.timer forMode:NSRunLoopCommonModes]; } return self; } - (voID)nextimage{ NSInteger page = self.pageControl.currentPage; page = self.pageControl.currentPage + 1; CGPoint offset = CGPointMake((1 + pagE) * self.imgW,0); [self.scrollVIEw setContentOffset:offset animated:YES]; } - (voID)setupImageVIEws{ for (int i = 0; i < self.images.count + 2; i++) { UIImageVIEw *imageVIEw = [[UIImageVIEw alloc] init]; CGfloat imageX = i * self.imgW; CGfloat imageY = 0; CGfloat imageW = self.imgW; CGfloat imageH = self.imgH; imageVIEw.frame = CGRectMake(imageX,imageY,imageW,imageH); [self.scrollVIEw insertSubvIEw:imageVIEw aTindex:0]; } } - (NSArray *)imageVIEws{ if (_imageVIEws == nil) { NSMutableArray *arr = [NSMutableArray array]; for (int i = 0; i < self.images.count + 2; i++) { UIImageVIEw *imageVIEw = [[UIImageVIEw alloc] init]; CGfloat imageX = i * self.imgW; CGfloat imageY = 0; CGfloat imageW = self.imgW; CGfloat imageH = self.imgH; imageVIEw.frame = CGRectMake(imageX,imageH); [self.scrollVIEw insertSubvIEw:imageVIEw aTindex:0]; [arr addobject:imageVIEw]; } _imageVIEws = arr; } return _imageVIEws; } - (voID)setimages:(NSArray *)images{ _images = images; self.imageCount = images.count; self.pageControl.numberOfPages = self.imageCount; [self addPics]; } - (voID)addPics{ for (int i = 0; i < self.images.count + 2; i++) { UIImageVIEw *imageVIEw = self.imageVIEws[i]; if (i == 0) { imageVIEw.image = [self.images lastObject]; }else if(i == self.images.count + 1){ imageVIEw.image = [self.images firstObject]; }else{ imageVIEw.image = self.images[i - 1]; } } } - (voID)layoutSubvIEws{ [super layoutSubvIEws]; self.scrollVIEw.frame = self.bounds; self.scrollVIEw.contentSize = CGSizeMake((self.imageCount + 2) * self.imgW,0); [self.scrollVIEw setContentOffset:CGPointMake(self.imgW,0) animated:NO]; } - (voID)scrollVIEwWillBeginDragging:(UIScrollVIEw *)scrollVIEw{ [self.timer invalIDate]; self.timer = nil; } - (voID)scrollVIEwDIDEndDragging:(UIScrollVIEw *)scrollVIEw willDecelerate:(BOol)decelerate{ self.timer = [NSTimer scheduledTimerWithTimeInterval:2.0 target:self SELEctor:@SELEctor(nextimagE) userInfo:nil repeats:YES]; [[NSRunLoop currentRunLoop ] addTimer:self.timer forMode:NSRunLoopCommonModes]; } - (voID)scrollVIEwDIDScroll:(UIScrollVIEw *)scrollVIEw{ if (scrollVIEw.contentOffset.x == self.imgW * (self.imageCount + 1)) { [self.scrollVIEw setContentOffset:CGPointMake(self.imgW,0) animated:NO]; }else if(scrollVIEw.contentOffset.x == 0){ [self.scrollVIEw setContentOffset:CGPointMake(self.imgW * (self.imageCount),0) animated:NO]; } self.pageControl.currentPage = (self.scrollVIEw.contentOffset.x + self.imgW * 0.5f) / self.imgW - 1; } @end @H_674_30@ @H_450_31@以上就是使用UIScrollVIEw实现图片的轮播的功能,如有疑问大家可以留言,也可以到本站社区留言讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
大佬总结
以上是大佬教程为你收集整理的IOS开发之UIScrollView实现图片轮播器的无限滚动全部内容,希望文章能够帮你解决IOS开发之UIScrollView实现图片轮播器的无限滚动所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。