程序笔记   发布时间:2022-05-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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,请注明来意。
标签:轮播器