关于无限轮播广告页,相信大家已经再熟悉不过了,今天给大家带来一个我自己写的SGAdvertScrollView;轻松搞定广告页显示和点击跳转功能,废话不多述直接贴代码:
原理:利用 scrollView 只创建三页内容展示(第一页left ,第二页center ,第三页right)默认显示第二页 center,然后向左或者右滑动结束后自动跳回第二页 center 页,更改 center 页显示的内容为第三页或者第一页内容来实现换页,具体看代码和源码:
SGAdvertScrollView.h文件:
#import <UIKit/UIKit.h>
@interface SGAdvertScrollView : UIView
/*!
* @abstract return instance
* @param imagesArray 图片URL数组
* @param timeInterval 自动轮播时间(秒) 默认为5秒
* @param advertSelectBlock 点击图片回调block
*/
+ (instancetype)advertScrollViewFrame:(CGRect)frame imagesArray:(NSArray *)imagesArray timeInterval:(NSTimeInterval)timeInterval advertSelectBlock:(void(^)(int selectIndex))advertSelectBlock;
/*!
* @abstract stop timer
*/
- (void)stopTimer;
@end
</pre>
SGAdvertScrollView.m文件:
<pre>
#import "SGAdvertScrollView.h"
#define UIImageWithName(name) [UIImage imageNamed:name]
@interface SGAdvertScrollView()<UIScrollViewDelegate>{
int _centerIndex;
NSArray *_imageNameArray;
NSTimeInterval _timeInterval;
}
@property (nonatomic ,strong) UIScrollView *adScrollView;
@property (nonatomic ,strong) UIImageView *leftImgView;
@property (nonatomic ,strong) UIImageView *centerImgView;
@property (nonatomic ,strong) UIImageView *rightImgView;
@property (nonatomic ,strong) NSTimer *timer;
@property (nonatomic ,strong) UIPageControl *pageControl;
@property (nonatomic ,copy) void (^advertClickBlock) (int selectIndex);
@end
@implementation SGAdvertScrollView
+ (instancetype)advertScrollViewFrame:(CGRect)frame imagesArray:(NSArray *)imagesArray timeInterval:(NSTimeInterval)timeInterval advertSelectBlock:(void(^)(int selectIndex))advertSelectBlock{
return [[self alloc]initWithFrame:frame imagesArray:imagesArray timeInterval:timeInterval advertSelectBlock:advertSelectBlock];
}
-(instancetype)initWithFrame:(CGRect)frame imagesArray:(NSArray *)imagesArray timeInterval:(NSTimeInterval)timeInterval advertSelectBlock:(void(^)(int selectIndex))advertSelectBlock{
self = [super initWithFrame:frame];
if (self) {
_imageNameArray = [imagesArray copy];
self.advertClickBlock = advertSelectBlock;
_timeInterval = timeInterval;
if (_timeInterval == 0) {
_timeInterval = 5;
}
[self setSubviews];
[self startTimer];
}
return self;
}
#pragma mark -----lazy
- (UIScrollView *)adScrollView{
if (!_adScrollView) {
_adScrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds))];
_adScrollView.showsVerticalScrollIndicator = NO;
_adScrollView.showsHorizontalScrollIndicator = NO;
_adScrollView.pagingEnabled = YES;
_adScrollView.backgroundColor = [UIColor whiteColor];
_adScrollView.contentSize = CGSizeMake(3 * CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds));
_adScrollView.contentOffset = CGPointMake(CGRectGetWidth(self.bounds), 0);
_adScrollView.delegate = self;
_adScrollView.bounces = NO;
UITapGestureRecognizer *panGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(jumpToAdvertDetail)];
[_adScrollView addGestureRecognizer:panGesture];
[self addSubview:_adScrollView];
}
return _adScrollView;
}
- (UIImageView *)leftImgView{
if (!_leftImgView) {
_leftImgView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds))];
[self.adScrollView addSubview:_leftImgView];
}
return _leftImgView;
}
- (UIImageView *)centerImgView{
if (!_centerImgView) {
_centerImgView = [[UIImageView alloc]initWithFrame:CGRectMake(CGRectGetWidth(self.bounds), 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds))];
[self.adScrollView addSubview:_centerImgView];
}
return _centerImgView;
}
- (UIImageView *)rightImgView{
if (!_rightImgView) {
_rightImgView = [[UIImageView alloc]initWithFrame:CGRectMake(2 * CGRectGetWidth(self.bounds), 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds))];
[self.adScrollView addSubview:_rightImgView];
}
return _rightImgView;
}
- (UIPageControl *)pageControl{
if (!_pageControl) {
_pageControl = [[UIPageControl alloc]init];
CGSize size = [_pageControl sizeForNumberOfPages:_imageNameArray.count];
_pageControl.frame = CGRectMake((CGRectGetWidth(self.bounds) - size.width) / 2, CGRectGetHeight(self.bounds) - size.height, size.width, size.height);
_pageControl.center = CGPointMake(self.adScrollView.center.x, _pageControl.center.y);
_pageControl.numberOfPages = _imageNameArray.count;
_pageControl.hidesForSinglePage = YES;
_pageControl.pageIndicatorTintColor = [UIColor grayColor];
_pageControl.currentPageIndicatorTintColor = [UIColor yellowColor];
[self insertSubview:_pageControl aboveSubview:self.adScrollView];
}
return _pageControl;
}
#pragma mark -----operation methods
- (void)setSubviews{
if (_centerIndex < 0) {
_centerIndex = (int)_imageNameArray.count - 1;
}
if (_centerIndex >= _imageNameArray.count) {
_centerIndex = 0;
}
int leftIndex = _centerIndex - 1;
if (leftIndex < 0){
leftIndex = (int)_imageNameArray.count - 1;
}
int rightIndex = _centerIndex + 1;
if (rightIndex >= _imageNameArray.count) {
rightIndex = 0;
}
NSLog(@"leftIndex:%d;_centerIndex:%d;rightIndex:%d",leftIndex,_centerIndex,rightIndex);
if ((leftIndex >= _imageNameArray.count || _centerIndex >= _imageNameArray.count || rightIndex >= _imageNameArray.count)) {
NSLog(@"数组越界");
return;
}
NSString *leftImgName = [_imageNameArray objectAtIndex:leftIndex];
NSString *centerImgName = [_imageNameArray objectAtIndex:_centerIndex];
NSString *rightImgName = [_imageNameArray objectAtIndex:rightIndex];
//MARK:local images
self.leftImgView.image = UIImageWithName(leftImgName);
self.centerImgView.image = UIImageWithName(centerImgName);
self.rightImgView.image = UIImageWithName(rightImgName);
//MARK:url images
/*
[self.leftImgView sd_setImageWithURL:[NSURL URLWithString:leftImgName] placeholderImage:UIImageWithName(leftImgName)];
[self.centerImgView sd_setImageWithURL:[NSURL URLWithString:centerImgName] placeholderImage:UIImageWithName(centerImgName)];
[self.rightImgView sd_setImageWithURL:[NSURL URLWithString:rightImgName] placeholderImage:UIImageWithName(rightImgName)];
*/
self.pageControl.currentPage = _centerIndex;
}
- (void)jumpToAdvertDetail{
if (self.advertClickBlock) {
self.advertClickBlock(_centerIndex);
}
}
#pragma mark -----NSTimer
- (void)startTimer{
[self stopTimer];
_timer = [NSTimer scheduledTimerWithTimeInterval:_timeInterval target:self selector:@selector(timerChanged) userInfo:nil repeats:YES];
}
- (void)timerChanged{
[UIView animateWithDuration:0.5 delay:0 options:UIViewAnimationOptionCurveEaseInOut animations:^{
[self.adScrollView scrollRectToVisible:CGRectMake(2 * CGRectGetWidth(self.bounds), 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds)) animated:NO];
} completion:^(BOOL finished) {
[self.adScrollView scrollRectToVisible:CGRectMake(CGRectGetWidth(self.bounds), 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds)) animated:NO];
_centerIndex++;
[self setSubviews];
}];
}
- (void)stopTimer{
if (_timer) {
[_timer invalidate];
_timer = nil;
}
}
#pragma mark -----UIScrollViewDelegate
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
[self stopTimer];
}
- (void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate{
[self startTimer];
}
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
CGFloat offsetX = scrollView.contentOffset.x;
if (offsetX != CGRectGetWidth(self.bounds)) {
[scrollView scrollRectToVisible:CGRectMake(CGRectGetWidth(self.bounds), 0, CGRectGetWidth(self.bounds), CGRectGetHeight(self.bounds)) animated:NO];
if (offsetX <= CGRectGetWidth(self.bounds)) {
_centerIndex--;
}else if (offsetX >= CGRectGetWidth(self.bounds) * 2){
_centerIndex++;
}
[self setSubviews];
}
}
@end
</pre>
注意:需要自己导入 SDWebImage并且改为网络地址:
SGAdvertScrollView.m
网络图片格式如下:注释掉本地图片的代码,打开网络图片代码,还有使用我的 demo加载网络图片不出来的检查一下 info.plist 文件,看看有没有允许访问网络(兼容 https)
<pre>
//MARK:local images
// self.leftImgView.image = UIImageWithName(leftImgName);
// self.centerImgView.image = UIImageWithName(centerImgName);
// self.rightImgView.image = UIImageWithName(rightImgName);
//MARK:url images
[self.leftImgView sd_setImageWithURL:[NSURL URLWithString:leftImgName] placeholderImage:UIImageWithName(leftImgName)];
[self.centerImgView sd_setImageWithURL:[NSURL URLWithString:centerImgName] placeholderImage:UIImageWithName(centerImgName)];
[self.rightImgView sd_setImageWithURL:[NSURL URLWithString:rightImgName] placeholderImage:UIImageWithName(rightImgName)];
喜欢的朋友可以给我点赞哦...
