循環廣告我們在開發中已經是熟得不能再熟了，今天整理這篇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里

1 #import <UIKit/UIKit.h> 2 3 @interface CirculateScrollview : UIView 4 5 @property (nonatomic,strong)NSMutableArray *imageArray;//圖片數組 6 @property (nonatomic,strong)UIScrollView *circulateScrollView;//廣告 7 8 /* 9 三屏復用廣告 10 適用范圍:網絡請求或固定本地的廣告圖片 11 適用所有數量廣告，廣告>=2時自動采用三屏復用技術 12 使用方法:例 13 在需要添加廣告的控制器里面 14 15 CirculateScrollview *cview = [[CirculateScrollview alloc]initWithFrame:CGRectMake(0, 20, 320, 200)]; 16 for (int i=0; i<3; i++) { 17 UIImage *image = [UIImage imageNamed:@"旅行圖1"];//傳進圖片名字方式 18 //UIImage *image = UIImage imageWithData:data];//傳進data數據圖片方式將服務器請求到的data數據圖片轉換成image形式再傳輸 19 [cview.imageArray addObject:image]; 20 } 21 [self.view addSubview:cview]; 22 23 */ 24 25 26 /* 27 圖片轉換NSData方法 28 測試可用 29 NSData * data = UIImageJPEGRepresentation(image, 1); 30 */ 31 32 @end

.m文件里

實現方法是這三個成員變量，用來讀取傳輸過來的圖片在數組中的位置，三屏復用里，我們顯示的位置是scrollview的中間位置，左邊廣告是全部廣告的最后一個，中間顯示第一個，右邊的顯示第二個，然后根據左滑成員變量遞增，當變量遞增到超過廣告總數時，重新賦值第一個廣告，而右滑遞減，遞減至－1時，即不在數組范圍時，重新賦值廣告數組的最后一個

1 #import "CirculateScrollview.h" 2 3 #define ViewWidth self.frame.size.width 4 #define ViewHeight self.frame.size.height 5 #define AllImageCount self.imageArray.count-1 6 7 @interface CirculateScrollview()<UIScrollViewDelegate> 8 { 9 NSInteger endImageCount;//左邊圖片 10 NSInteger oneImageCount;//中間圖片[當前看到的圖片] 11 NSInteger secondImageCount;//右邊圖片 12 } 13 @property (nonatomic,strong)UIImageView *endImageView; 14 @property (nonatomic,strong)UIImageView *oneImageView; 15 @property (nonatomic,strong)UIImageView *secondImageView; 16 @property (nonatomic,strong)UIPageControl *pageCtl; 17 18 @end 19 20 @implementation CirculateScrollview 21 22 23 -(id)initWithFrame:(CGRect)frame 24 { 25 self = [super initWithFrame:frame]; 26 if (self) { 27 28 } 29 return self; 30 } 31 32 -(NSMutableArray *)imageArray 33 { 34 if (!_imageArray) { 35 _imageArray = [[NSMutableArray alloc]init]; 36 } 37 return _imageArray; 38 } 39 40 - (void)drawRect:(CGRect)rect { 41 self.circulateScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, ViewWidth, ViewHeight)]; 42 43 endImageCount = self.imageArray.count-1; 44 oneImageCount = 0; 45 secondImageCount = 1; 46 47 self.circulateScrollView.showsHorizontalScrollIndicator = NO; 48 self.circulateScrollView.pagingEnabled = YES; 49 self.circulateScrollView.delegate = self; 50 self.circulateScrollView.bounces = NO; 51 52 self.circulateScrollView.contentOffset = CGPointMake(ViewWidth, 0); 53 54 self.backgroundColor = [UIColor whiteColor]; 55 56 if (!self.imageArray.count) { 57 NSLog(@"圖片數組為空"); 58 return; 59 } 60 61 62 //若廣告數量少于2張則不采用三屏復用技術 63 if (self.imageArray.count<=1){ 64 self.circulateScrollView.contentSize = CGSizeMake(ViewWidth, ViewHeight); 65 66 self.endImageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, ViewWidth, ViewHeight)]; 67 self.endImageView.image = self.imageArray[endImageCount]; 68 [self.circulateScrollView addSubview:self.endImageView]; 69 [self addSubview:self.circulateScrollView]; 70 71 }else{ 72 self.circulateScrollView.contentSize = CGSizeMake(ViewWidth*3, ViewHeight); 73 74 //左 75 self.endImageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, ViewWidth, ViewHeight)]; 76 self.endImageView.image = self.imageArray[endImageCount]; 77 [self.circulateScrollView addSubview:self.endImageView]; 78 //中 79 self.oneImageView = [[UIImageView alloc]initWithFrame:CGRectMake(ViewWidth, 0, ViewWidth, ViewHeight)]; 80 self.oneImageView.image = self.imageArray[oneImageCount]; 81 [self.circulateScrollView addSubview:self.oneImageView]; 82 //右 83 self.secondImageView = [[UIImageView alloc]initWithFrame:CGRectMake(ViewWidth*2, 0, ViewWidth, ViewHeight)]; 84 self.secondImageView.image = self.imageArray[secondImageCount]; 85 [self.circulateScrollView addSubview:self.secondImageView]; 86 87 88 [self addSubview:self.circulateScrollView]; 89 [self pageNumControl]; 90 } 91 92 } 93 //添加頁符 94 -(void)pageNumControl 95 { 96 self.pageCtl = [[UIPageControl alloc]initWithFrame:CGRectMake(0, ViewHeight-20, ViewWidth, 20)]; 97 self.pageCtl.backgroundColor = [UIColor lightGrayColor]; 98 self.pageCtl.currentPageIndicatorTintColor = [UIColor greenColor]; 99 self.pageCtl.pageIndicatorTintColor = [UIColor whiteColor]; 100 self.pageCtl.alpha = 0.7; 101 self.pageCtl.numberOfPages = AllImageCount+1; 102 [self addSubview:self.pageCtl]; 103 } 104 105 -(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView 106 { 107 if (scrollView.contentOffset.x == 0) { 108 endImageCount--; 109 oneImageCount--; 110 secondImageCount--; 111 if (endImageCount<0) { 112 endImageCount = AllImageCount; 113 }else if (oneImageCount<0){ 114 oneImageCount = AllImageCount; 115 } 116 //適配2張圖片 117 if (secondImageCount<0){ 118 secondImageCount = AllImageCount; 119 } 120 //NSLog(@"endImageCount=%ld oneImageCount=%ld secondImageCount=%ld",endImageCount,oneImageCount,secondImageCount); 121 122 }else if(scrollView.contentOffset.x == ViewWidth*2){ 123 endImageCount++; 124 oneImageCount++; 125 secondImageCount++; 126 if (endImageCount>AllImageCount) { 127 endImageCount = 0; 128 }else if (oneImageCount>AllImageCount){ 129 oneImageCount = 0; 130 } 131 //適配2張圖片 132 if (secondImageCount>AllImageCount){ 133 secondImageCount = 0; 134 } 135 } 136 //重新加載顯示當前位置的圖片 137 scrollView.contentOffset = CGPointMake(ViewWidth, 0); 138 self.endImageView.image = self.imageArray[endImageCount]; 139 self.oneImageView.image = self.imageArray[oneImageCount]; 140 self.secondImageView.image = self.imageArray[secondImageCount]; 141 self.pageCtl.currentPage = oneImageCount; 142 } 143 144 @end

?

轉載于:https://www.cnblogs.com/fcug/p/5192074.html

總結

以上是生活随笔為你收集整理的iOS实现三屏复用循环广告[从服务器请求的广告]的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。