个人中心
gpt4 book ai didi

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

转载 作者：qq735679552 更新时间：2022-09-27 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章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],

或者不改则使用方法如 。

?
1
2
3
4
5
6
7
8
9
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
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
#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" 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
#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 scrollview实现三屏复用循环广告的文章就讲到这里了,如果你想了解更多关于iOS scrollview实现三屏复用循环广告的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： 详解iOS页面传值（顺传 逆传）
文章推荐： 在IOS系统上滚动条滚动到指定的位置出现空白页面的解决方案
文章推荐： iOS手势密码的实现方法
文章推荐： Struts2截取字符串代码介绍
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com