全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

iOS实现轮播图banner示例

楼主项目中需要有一个轮播图,因为比较简单,就自己写了个,因为是从网上弄得图片 所以用了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);
}

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


# ios  # banner  # 轮播图  # 两行IOS代码实现轮播图  # iOS实现无限循环轮播图效果  # iOS使用UIScrollView实现无限循环轮播图效果  # iOS实现带有缩放效果的自动轮播图  # IOS 开发之网络图片轮播图的实现  # iOS简单实现轮播图效果  # 一遍  # 组中  # 第一个  # 计时器  # 是从  # 用了  # 分页  # 写了  # 第一张  # 三方  # 首部  # 大家多多  # 有一个  # 如用  # 头文件  # 全局变量  # 请自行  # 网上  # scrollView  # imageArray 


相关文章: 如何确认建站备案号应放置的具体位置?  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  临沂网站制作公司有哪些,临沂第四中学官网?  如何在宝塔面板中创建新站点?  jQuery 常见小例汇总  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站?  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息?  教程网站设计制作软件,怎么创建自己的一个网站?  如何在阿里云部署织梦网站?  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站,我要发表小说?  如何用花生壳三步快速搭建专属网站?  Thinkphp 中 distinct 的用法解析  攀枝花网站建设,攀枝花营业执照网上怎么年审?  百度网页制作网站有哪些,谁能告诉我百度网站是怎么联系?  网站海报制作教学视频教程,有什么免费的高清可商用图片网站,用于海报设计?  小捣蛋自助建站系统:数据分析与安全设置双核驱动网站优化  建站之星在线版空间:自助建站+智能模板一键生成方案  重庆市网站制作公司,重庆招聘网站哪个好?  北京营销型网站制作公司,可以用python做一个营销推广网站吗?  建站之星安装失败:服务器环境不兼容?  网站制作软件免费下载安装,有哪些免费下载的软件网站?  如何通过VPS搭建网站快速盈利?  建站之星如何配置系统实现高效建站?  深圳防火门网站制作公司,深圳中天明防火门怎么编码?  微信h5制作网站有哪些,免费微信H5页面制作工具?  青浦网站制作公司有哪些,苹果官网发货地是哪里?  ui设计制作网站有哪些,手机UI设计网址吗?  内网网站制作软件,内网的网站如何发布到外网?  建站之星代理费用多少?最新价格详情介绍  弹幕视频网站制作教程下载,弹幕视频网站是什么意思?  高性价比服务器租赁——企业级配置与24小时运维服务  三星网站视频制作教程下载,三星w23网页如何全屏?  建站VPS推荐:2025年高性能服务器配置指南  官网自助建站系统:SEO优化+多语言支持,快速搭建专业网站  外贸公司网站制作,外贸网站建设一般有哪些步骤?  早安海报制作网站推荐大全,企业早安海报怎么每天更换?  实现点击下箭头变上箭头来回切换的两种方法【推荐】  *服务器网站为何频现安全漏洞?  网站制作大概多少钱一个,做一个平台网站大概多少钱?  如何确保西部建站助手FTP传输的安全性?  如何在建站之星网店版论坛获取技术支持?  微网站制作教程,我微信里的网站怎么才能复制到浏览器里?  如何用wdcp快速搭建高效网站?  C#怎么使用委托和事件 C# delegate与event编程方法  免费网站制作appp,免费制作app哪个平台好?  如何在搬瓦工VPS快速搭建网站?  javascript中的try catch异常捕获机制用法分析  网站制作与设计教程,如何制作一个企业网站,建设网站的基本步骤有哪些?  如何获取免费开源的自助建站系统源码? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。