首页 > 系统 > iOS > 正文

iOS实现轮播图banner示例

2020-07-26 02:57:40
字体:
来源:转载
供稿:网友

楼主项目中需要有一个轮播图,因为比较简单,就自己写了个,因为是从网上弄得图片 所以用了SDWebImage 这个三方库 当然自己也可以去掉

类型后面有*号 如用使用 请自行加上。。。。。

代码:.h 文件

@protocol TJXViewDelegate<NSObject>//判断点击的那个-(void)sendImageName:(TJXView *)TJXView andName:(NSInteger)selectImage;@end@interface TJXView : UIView@property (nonatomic,weak)id<TJXViewDelegate>delegate;//传一个frame 和 装有图片名字的数组过来//参数一:frame//参数二:装有图片名字的数组//参数三:BOOL如果是YES,那么自动滚动,如果是NO不滚动-(id)initWithFrame:(CGRect)frame andImageNameArray:(NSMutableArray * )imageNameArray andIsRunning:(BOOL)isRunning;@end

.m文件

@interface TJXView()<UIScrollViewDelegate>{  NSInteger _currentPage; //记录真实的页码数  NSTimer *_timer; //生命一个全局变量}@property (nonatomic,assign) BOOL isRun;@property (nonatomic,strong) NSMutableArray *imageArray;//存储图片的名字@property (nonatomic,strong) UIScrollView *scrollView;@property (nonatomic,strong) UIPageControl *pageControl;@property (nonatomic,assign) CGFloat width;//view的宽@property (nonatomic,assign) CGFloat height;//view的高@end-(id)initWithFrame:(CGRect)frame andImageNameArray:(NSMutableArray *)imageNameArray andIsRunning:(BOOL)isRunning{  self = [super initWithFrame:frame];  if (self) {    _width = self.frame.size.width;    _height = self.frame.size.height;    //arrayWithArray 把数组中的内容放到一个数组中返回    self.imageArray = [NSMutableArray arrayWithArray:imageNameArray];    //在数组的尾部添加原数组第一个元素    [self.imageArray addObject:[imageNameArray firstObject]];    //在数组的首部添加原数组最后一个元素    [self.imageArray insertObject:[imageNameArray lastObject] atIndex:0];    self.isRun = isRunning;    _currentPage = 0;    [self createSro];    [self createPageControl];    [self createTimer];  }  return self;}-(void)createTimer{  if (_isRun == YES) {    _timer = [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(change) userInfo:nil repeats:YES ];    [[NSRunLoop currentRunLoop]addTimer:_timer forMode:NSRunLoopCommonModes];  }}-(void)change{  //1获得当前的点  CGPoint point = _scrollView.contentOffset;  //2求得将要变换的点  CGPoint endPoint = CGPointMake(point.x+_width, 0);  //判断  if (endPoint.x == (self.imageArray.count-1)*_width) {    [UIView animateWithDuration:0.25 animations:^{      _scrollView.contentOffset = CGPointMake(endPoint.x, 0);    } completion:^(BOOL finished) {      //动画完成的block      _scrollView.contentOffset = CGPointMake(_width, 0);      CGPoint realEnd = _scrollView.contentOffset;      //取一遍页码数      _currentPage = realEnd.x/_width;      _pageControl.currentPage = _currentPage-1;    }];  }  else{    //0.25s中更改一个图片    [UIView animateWithDuration:0.25 animations:^{      _scrollView.contentOffset = endPoint;    } completion:^(BOOL finished) {    }];        CGPoint realEnd = _scrollView.contentOffset;    //取一遍页码数    _currentPage = realEnd.x/_width;    _pageControl.currentPage = _currentPage-1;  }  }//创建页码指示器-(void)createPageControl{  _pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(_width-200, _height-30, 100, 30)];  _pageControl.centerX = _width/2;  _pageControl.numberOfPages = self.imageArray.count-2;  _pageControl.pageIndicatorTintColor = WP_GRAY_COLOR;  _pageControl.currentPageIndicatorTintColor = [UIColor whiteColor];  _pageControl.userInteractionEnabled = NO;  [self addSubview:_pageControl];}//创建滚动视图-(void)createSro{  _scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, _width, _height)];  _scrollView.contentSize = CGSizeMake(_width*self.imageArray.count, _height);  for (int i = 0; i < self.imageArray.count; i++) {    UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(i*_width, 0, _width, _height)];//    imageView.image = [UIImage imageNamed:self.imageArray[i]];    [imageView sd_setImageWithURL:self.imageArray[i] placeholderImage:[UIImage imageNamed:@"home_banner_blank"]];    imageView.userInteractionEnabled = YES;    imageView.tag = 200+i;    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap:)];    [imageView addGestureRecognizer:tap];    [_scrollView addSubview:imageView];  }  //水平指示条不显示  _scrollView.showsHorizontalScrollIndicator = NO;  //关闭弹簧效果  _scrollView.bounces = NO;  //设置用户看到第一张  _scrollView.contentOffset = CGPointMake(_width, 0);  //设置代理  _scrollView.delegate = self;  //分页效果  _scrollView.pagingEnabled = YES;  [self addSubview:_scrollView];}-(void)tap:(UITapGestureRecognizer *)tap{  if(_delegate&&[_delegate respondsToSelector:@selector(sendImageName:andName:)]){    [_delegate sendImageName:self andName:tap.view.tag-201];  }else{    NSLog(@"没有设置代理或者没有事先协议的方法");  } }#pragma mark UIScrollViewDelegate//停止滚动-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{  if (_timer) {    [_timer setFireDate:[NSDate dateWithTimeIntervalSinceNow:2]];  }  //图片的个数 1 2 3 4 5 6 7 8  //真实的页码 0 1 2 3 4 5 6 7  //显示的页码  0 1 2 3 4 5  CGPoint point = _scrollView.contentOffset;  if (point.x == (self.imageArray.count-1)*_width) {    scrollView.contentOffset = CGPointMake(_width, 0);  }  if (point.x == 0) {    scrollView.contentOffset = CGPointMake((self.imageArray.count-2)*_width, 0);  }  //取一遍页码数  CGPoint endPoint = scrollView.contentOffset;  _currentPage = endPoint.x/_width;  _pageControl.currentPage = _currentPage-1;}//手指开始触摸的时候,停止计时器-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{  if (_timer) {    //如果有,停掉    [_timer setFireDate:[NSDate distantFuture]];  }}

在项目中  导入头文件  遵守代理

    TJXView * TJXView = [[TJXView alloc]initWithFrame:CGRectMake(0, 0, WPSCREEN_WIDTH, 100*WPSCREEN_HIGTH_RATIO) andImageNameArray:self.bannerImager andIsRunning:YES];    TJXView.delegate = self;    [self.view addSubview: TJXView];#pragma mark TJXViewDelegate-(void)sendImageName:(TJXView *) TJXView andName:(NSInteger)selectImage{   KKLog(@"%ld",(long)selectImage);}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表