iOS scrollview实现三屏复用循环广告

循环广告我们在开发中已经是熟得不能再熟了，今天整理这篇scrollview三屏复用广告。

原理使用scrollview里的三个imageview分别去加载不同的图片，用少量的资源来显示大量或不确定的广告数量，不然如果用普通方法实现广告，难道10个广告用12个scrollview的contentsize去做，岂不是太浪费资源了

代码如下，实现所有数量的循环广告，当广告只有一个时，仅采用单图显示，>=2个广告时，自动采用三屏复用

这里添加图片的方式是通过网络请求，更新服务器上的广告，如果仅使用本地广告，可以将.m文件里的全部图片的添加方式

如：

self.endImageView.image = self.imageArray[endImageCount];

修改为

self.endImageView.image = [UIImage imageNamed:self.imageArray[endImageCount]];

然后在使用该类时，直接将本地图片的名字用数组传过去就行了，如
cview.imageArray = [[NSMutableArray alloc]initWithObjects:@"图片1",@"图片2",@"图片3", nil];

或者不改则使用方法如

NSArray *imageArr = [[NSArray alloc]initWithObjects:@"banner_理财.jpg",@"banner_惠普",@"banner_炒股", nil];

  for (int i=0; i<3; i++) {

    UIImage *cirImage1 = [UIImage imageNamed:imageArr[i]];

    [cirScrollView.imageArray addObject:cirImage1];

  }

如果图片给的是地址那可以用imageWithURL这个方法来获取图片。

下面讲从服务器获取的广告方式，请求服务器图片及解析这里就不讲了，仅从获取到的data数据后开始。

先新建一个类继承UIView。

.h文件

#import <UIKit/UIKit.h>

@interface CirculateScrollview : UIView

@property (nonatomic,strong)NSMutableArray *imageArray;//图片数组
@property (nonatomic,strong)UIScrollView *circulateScrollView;//广告

/*
 三屏复用广告
 适用范围:网络请求或固定本地的广告图片
    适用所有数量广告，广告>=2时自动采用三屏复用技术
 使用方法:例
 在需要添加广告的控制器里面
 
 CirculateScrollview *cview = [[CirculateScrollview alloc]initWithFrame:CGRectMake(0, 20, 320, 200)];
 for (int i=0; i<3; i++) {
 UIImage *image = [UIImage imageNamed:@"旅行图1"];//传进图片名字方式
 //UIImage *image = UIImage imageWithData:data];//传进data数据图片方式将服务器请求到的data数据图片转换成image形式再传输
 [cview.imageArray addObject:image];
 }
 [self.view addSubview:cview];
 
 */


/*
 图片转换NSData方法
 测试可用
 NSData * data = UIImageJPEGRepresentation(image, 1);
 */

@end

.m文件

实现方法是这三个成员变量，用来读取传输过来的图片在数组中的位置，三屏复用里，我们显示的位置是scrollview的中间位置，左边广告是全部广告的最后一个，中间显示第一个，右边的显示第二个，然后根据左滑成员变量递增，当变量递增到超过广告总数时，重新赋值第一个广告，而右滑递减，递减至－1时，即不在数组范围时，重新赋值广告数组的最后一个
#import "CirculateScrollview.h"

#define ViewWidth self.frame.size.width
#define ViewHeight self.frame.size.height
#define AllImageCount self.imageArray.count-1

@interface CirculateScrollview()<UIScrollViewDelegate>
{
  NSInteger endImageCount;//左边图片
  NSInteger oneImageCount;//中间图片[当前看到的图片]
  NSInteger secondImageCount;//右边图片
}
@property (nonatomic,strong)UIImageView *endImageView;
@property (nonatomic,strong)UIImageView *oneImageView;
@property (nonatomic,strong)UIImageView *secondImageView;
@property (nonatomic,strong)UIPageControl *pageCtl;

@end

@implementation CirculateScrollview


-(id)initWithFrame:(CGRect)frame
{
  self = [super initWithFrame:frame];
  if (self) {
    
  }
  return self;
}

-(NSMutableArray *)imageArray
{
  if (!_imageArray) {
    _imageArray = [[NSMutableArray alloc]init];
  }
  return _imageArray;
}

- (void)drawRect:(CGRect)rect {
  self.circulateScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, ViewWidth, ViewHeight)];
  
  endImageCount = self.imageArray.count-1;
  oneImageCount = 0;
  secondImageCount = 1;
  
  self.circulateScrollView.showsHorizontalScrollIndicator = NO;
  self.circulateScrollView.pagingEnabled = YES;
  self.circulateScrollView.delegate = self;
  self.circulateScrollView.bounces = NO;
  
  self.circulateScrollView.contentOffset = CGPointMake(ViewWidth, 0);
  
  self.backgroundColor = [UIColor whiteColor];
  
  if (!self.imageArray.count) {
    NSLog(@"图片数组为空");
    return;
  }
  
  
  //若广告数量少于2张则不采用三屏复用技术
  if (self.imageArray.count<=1){
    self.circulateScrollView.contentSize = CGSizeMake(ViewWidth, ViewHeight);
    
    self.endImageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, ViewWidth, ViewHeight)];
    self.endImageView.image = self.imageArray[endImageCount];
    [self.circulateScrollView addSubview:self.endImageView];
    [self addSubview:self.circulateScrollView];
    
  }else{
    self.circulateScrollView.contentSize = CGSizeMake(ViewWidth*3, ViewHeight);
    
    //左
    self.endImageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, ViewWidth, ViewHeight)];
    self.endImageView.image = self.imageArray[endImageCount];
    [self.circulateScrollView addSubview:self.endImageView];
    //中
    self.oneImageView = [[UIImageView alloc]initWithFrame:CGRectMake(ViewWidth, 0, ViewWidth, ViewHeight)];
    self.oneImageView.image = self.imageArray[oneImageCount];
    [self.circulateScrollView addSubview:self.oneImageView];
    //右
    self.secondImageView = [[UIImageView alloc]initWithFrame:CGRectMake(ViewWidth*2, 0, ViewWidth, ViewHeight)];
    self.secondImageView.image = self.imageArray[secondImageCount];
    [self.circulateScrollView addSubview:self.secondImageView];
    
    
    [self addSubview:self.circulateScrollView];
    [self pageNumControl];
  }

}
//添加页符
-(void)pageNumControl
{
  self.pageCtl = [[UIPageControl alloc]initWithFrame:CGRectMake(0, ViewHeight-20, ViewWidth, 20)];
  self.pageCtl.backgroundColor = [UIColor lightGrayColor];
  self.pageCtl.currentPageIndicatorTintColor = [UIColor greenColor];
  self.pageCtl.pageIndicatorTintColor = [UIColor whiteColor];
  self.pageCtl.alpha = 0.7;
  self.pageCtl.numberOfPages = AllImageCount+1;
  [self addSubview:self.pageCtl];
}

-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
  if (scrollView.contentOffset.x == 0) {
    endImageCount--;
    oneImageCount--;
    secondImageCount--;
    if (endImageCount<0) {
      endImageCount = AllImageCount;
    }else if (oneImageCount<0){
      oneImageCount = AllImageCount;
    }
    //适配2张图片
    if (secondImageCount<0){
      secondImageCount = AllImageCount;
    }
    //NSLog(@"endImageCount=%ld oneImageCount=%ld secondImageCount=%ld",endImageCount,oneImageCount,secondImageCount);
    
  }else if(scrollView.contentOffset.x == ViewWidth*2){
    endImageCount++;
    oneImageCount++;
    secondImageCount++;
    if (endImageCount>AllImageCount) {
      endImageCount = 0;
    }else if (oneImageCount>AllImageCount){
      oneImageCount = 0;
    }
    //适配2张图片
    if (secondImageCount>AllImageCount){
      secondImageCount = 0;
    }
  }
  //重新加载显示当前位置的图片
  scrollView.contentOffset = CGPointMake(ViewWidth, 0);
  self.endImageView.image = self.imageArray[endImageCount];
  self.oneImageView.image = self.imageArray[oneImageCount];
  self.secondImageView.image = self.imageArray[secondImageCount];
  self.pageCtl.currentPage = oneImageCount;
}

@end

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

# iOS三屏复用循环广告  # iOS循环广告  # iOS服务器广告  # IOS中无限滚动Scrollview效果  # iOS中UIScrollView嵌套UITableView的实践教程  # iOS实现scrollview上拉显示Navbar下拉隐藏功能详解  # ios scrollview嵌套tableview同向滑动的示例  # iOS ScrollView实现自动布局的方法（适用Swift 3.0 ）  # 复用  # 第一个  # 改则  # 的是  # 加载  # 惠普  # 就不  # 可以用  # 第二个  # 去做  # 只有一个  # 这篇  # 转换成  # 讲了  # 岂不是  # 这三个  # 能再  # 方法来  # 熟了  # 大家多多 

相关文章： 外贸公司网站制作哪家好,maersk船公司官网？  如何在Golang中实现微服务服务拆分_Golang微服务拆分与接口管理方法  如何在阿里云香港服务器快速搭建网站？  如何在Golang中处理模块冲突_解决依赖版本不兼容问题  北京网站制作的公司有哪些,北京白云观官方网站？  如何在阿里云虚拟服务器快速搭建网站？  青岛网站设计制作公司,查询青岛招聘信息的网站有哪些？  C#怎么创建控制台应用 C# Console App项目创建方法  学校为何禁止电信移动建设网站？  如何选择域名并搭建高效网站？  如何在IIS7上新建站点并设置安全权限？  北京专业网站制作设计师招聘,北京白云观官方网站？  如何获取PHP WAP自助建站系统源码？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  建站之星如何快速更换网站模板？  如何在宝塔面板中修改默认建站目录？  如何撰写建站申请书？关键要点有哪些？  建站之星24小时客服电话如何获取？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  如何在IIS中配置站点IP、端口及主机头？  再谈Python中的字符串与字符编码（推荐）  如何快速搭建个人网站并优化SEO？  如何选购建站域名与空间？自助平台全解析  西安制作网站公司有哪些,西安货运司机用的最多的app或者网站是什么？  建站主机服务器选购指南：轻量应用与VPS配置解析  相册网站制作软件,图片上的网址怎么复制？  在线教育网站制作平台,山西立德教育官网？  如何通过VPS搭建网站快速盈利？  建站之星logo尺寸如何设置最合适？  深圳网站制作的公司有哪些,dido官方网站？  如何快速配置高效服务器建站软件？  专业网站制作服务公司,有哪些网站可以免费发布招聘信息？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  建站之星微信建站一键生成小程序+多端营销系统  建站之星后台管理如何实现高效配置？  北京营销型网站制作公司,可以用python做一个营销推广网站吗？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  惠州网站建设制作推广,惠州市华视达文化传媒有限公司怎么样？  C#如何序列化对象为XML XmlSerializer用法  建站主机解析：虚拟主机配置与服务器选择指南  中山网站推广排名,中山信息港登录入口？  重庆市网站制作公司,重庆招聘网站哪个好？  阿里云网站制作公司,阿里云快速搭建网站好用吗？  开封网站制作公司,网络用语开封是什么意思？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  网站制作员失业,怎样查看自己网站的注册者？  h5网站制作工具有哪些,h5页面制作工具有哪些？  如何在阿里云服务器自主搭建网站？  成都品牌网站制作公司,成都营业执照年报网上怎么办理？  南京做网站制作公司,南京哈发网络有限公司，公司怎么样，做网页美工DIV+CSS待遇怎么样？