iOS scrollview实现三屏复用循环广告
循环广告我们在开发中已经是熟得不能再熟了,今天整理这篇scrollview三屏复用广告。
原理使用scrollview里的三个imageview分别去加载不同的图片,用少量的资源来显示大量或不确定的广告数量,不然如果用普通方法实现广告,难道10个广告用12个scrollview的contentsize去做,岂不是太浪费资源了
代码如下,实现所有数量的循环广告,当广告只有一个时,仅采用单图显示,>=2个广告时,自动采用三屏复用
这里添加图片的方式是通过网络请求,更新服务器上的广告,如果仅使用本地广告,可以将.m文件里的全部图片的添加方式
如:
self.endImageView.image=self.imageArray[endImageCount];
修改为
self.endImageView.image=[UIImageimageNamed:self.imageArray[endImageCount]];
然后在使用该类时,直接将本地图片的名字用数组传过去就行了,如
cview.imageArray=[[NSMutableArrayalloc]initWithObjects:@"图片1",@"图片2",@"图片3",nil];
或者不改则使用方法如
NSArray*imageArr=[[NSArrayalloc]initWithObjects:@"banner_理财.jpg",@"banner_惠普",@"banner_炒股",nil]; for(inti=0;i<3;i++){ UIImage*cirImage1=[UIImageimageNamed:imageArr[i]]; [cirScrollView.imageArrayaddObject:cirImage1]; }
如果图片给的是地址那可以用imageWithURL这个方法来获取图片。
下面讲从服务器获取的广告方式,请求服务器图片及解析这里就不讲了,仅从获取到的data数据后开始。
先新建一个类继承UIView。
.h文件
#import<UIKit/UIKit.h> @interfaceCirculateScrollview:UIView @property(nonatomic,strong)NSMutableArray*imageArray;//图片数组 @property(nonatomic,strong)UIScrollView*circulateScrollView;//广告 /* 三屏复用广告 适用范围:网络请求或固定本地的广告图片 适用所有数量广告,广告>=2时自动采用三屏复用技术 使用方法:例 在需要添加广告的控制器里面 CirculateScrollview*cview=[[CirculateScrollviewalloc]initWithFrame:CGRectMake(0,20,320,200)]; for(inti=0;i<3;i++){ UIImage*image=[UIImageimageNamed:@"旅行图1"];//传进图片名字方式 //UIImage*image=UIImageimageWithData:data];//传进data数据图片方式将服务器请求到的data数据图片转换成image形式再传输 [cview.imageArrayaddObject:image]; } [self.viewaddSubview:cview]; */ /* 图片转换NSData方法 测试可用 NSData*data=UIImageJPEGRepresentation(image,1); */ @end
.m文件
实现方法是这三个成员变量,用来读取传输过来的图片在数组中的位置,三屏复用里,我们显示的位置是scrollview的中间位置,左边广告是全部广告的最后一个,中间显示第一个,右边的显示第二个,然后根据左滑成员变量递增,当变量递增到超过广告总数时,重新赋值第一个广告,而右滑递减,递减至-1时,即不在数组范围时,重新赋值广告数组的最后一个
#import"CirculateScrollview.h"
#defineViewWidthself.frame.size.width #defineViewHeightself.frame.size.height #defineAllImageCountself.imageArray.count-1 @interfaceCirculateScrollview()<UIScrollViewDelegate> { NSIntegerendImageCount;//左边图片 NSIntegeroneImageCount;//中间图片[当前看到的图片] NSIntegersecondImageCount;//右边图片 } @property(nonatomic,strong)UIImageView*endImageView; @property(nonatomic,strong)UIImageView*oneImageView; @property(nonatomic,strong)UIImageView*secondImageView; @property(nonatomic,strong)UIPageControl*pageCtl; @end @implementationCirculateScrollview -(id)initWithFrame:(CGRect)frame { self=[superinitWithFrame:frame]; if(self){ } returnself; } -(NSMutableArray*)imageArray { if(!_imageArray){ _imageArray=[[NSMutableArrayalloc]init]; } return_imageArray; } -(void)drawRect:(CGRect)rect{ self.circulateScrollView=[[UIScrollViewalloc]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=[UIColorwhiteColor]; if(!self.imageArray.count){ NSLog(@"图片数组为空"); return; } //若广告数量少于2张则不采用三屏复用技术 if(self.imageArray.count<=1){ self.circulateScrollView.contentSize=CGSizeMake(ViewWidth,ViewHeight); self.endImageView=[[UIImageViewalloc]initWithFrame:CGRectMake(0,0,ViewWidth,ViewHeight)]; self.endImageView.image=self.imageArray[endImageCount]; [self.circulateScrollViewaddSubview:self.endImageView]; [selfaddSubview:self.circulateScrollView]; }else{ self.circulateScrollView.contentSize=CGSizeMake(ViewWidth*3,ViewHeight); //左 self.endImageView=[[UIImageViewalloc]initWithFrame:CGRectMake(0,0,ViewWidth,ViewHeight)]; self.endImageView.image=self.imageArray[endImageCount]; [self.circulateScrollViewaddSubview:self.endImageView]; //中 self.oneImageView=[[UIImageViewalloc]initWithFrame:CGRectMake(ViewWidth,0,ViewWidth,ViewHeight)]; self.oneImageView.image=self.imageArray[oneImageCount]; [self.circulateScrollViewaddSubview:self.oneImageView]; //右 self.secondImageView=[[UIImageViewalloc]initWithFrame:CGRectMake(ViewWidth*2,0,ViewWidth,ViewHeight)]; self.secondImageView.image=self.imageArray[secondImageCount]; [self.circulateScrollViewaddSubview:self.secondImageView]; [selfaddSubview:self.circulateScrollView]; [selfpageNumControl]; } } //添加页符 -(void)pageNumControl { self.pageCtl=[[UIPageControlalloc]initWithFrame:CGRectMake(0,ViewHeight-20,ViewWidth,20)]; self.pageCtl.backgroundColor=[UIColorlightGrayColor]; self.pageCtl.currentPageIndicatorTintColor=[UIColorgreenColor]; self.pageCtl.pageIndicatorTintColor=[UIColorwhiteColor]; self.pageCtl.alpha=0.7; self.pageCtl.numberOfPages=AllImageCount+1; [selfaddSubview:self.pageCtl]; } -(void)scrollViewDidEndDecelerating:(UIScrollView*)scrollView { if(scrollView.contentOffset.x==0){ endImageCount--; oneImageCount--; secondImageCount--; if(endImageCount<0){ endImageCount=AllImageCount; }elseif(oneImageCount<0){ oneImageCount=AllImageCount; } //适配2张图片 if(secondImageCount<0){ secondImageCount=AllImageCount; } //NSLog(@"endImageCount=%ldoneImageCount=%ldsecondImageCount=%ld",endImageCount,oneImageCount,secondImageCount); }elseif(scrollView.contentOffset.x==ViewWidth*2){ endImageCount++; oneImageCount++; secondImageCount++; if(endImageCount>AllImageCount){ endImageCount=0; }elseif(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
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。