ios广告栏的封装

刚忙完一个项目的上线，最近在抽空整理一些常用的控件准备写一个简单的框架出来。我今天要讲的是广告栏封装方法，我相信大家了解过广告栏，尤其是做电商项目的朋友，这个很常用一般是放在首页的位置。废话就不说了，直接切入主题吧。

广告栏是由哪几部分组成的:

UIScrollview和UIPageControl这两个控件组成。
直接上代码：

@property (retain, nonatomic) UIScrollView * imgScrollView;//图片的滚轮
@property (strong, nonatomic) UIPageControl * pageControl;//图片的页码
@property (retain, nonatomic) NSTimer * time;//定时滚动图片
@property (assign, nonatomic) NSInteger curIndex;//当前位置

然后进行初始化(这部分代码很简单)

-(instancetype)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if (self) {
        UIView *line = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 1, 1)];
        line.backgroundColor = [UIColor clearColor];
        [self addSubview:line]; //UIScrollView（包括其子类），第一个添加到控制器的视图上才会预留空白，添加这个视图，取消留白
        _imgScrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, frame.size.width, frame.size.height)];
        _imgScrollView.delegate = self;
        _imgScrollView.pagingEnabled = YES;
        _imgScrollView.bounces = YES;
        _imgScrollView.showsHorizontalScrollIndicator = NO;
        _imgScrollView.showsVerticalScrollIndicator = NO;
        _pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, frame.size.height - 25, frame.size.width, 25)];
        _pageControl.pageIndicatorTintColor = [UIColor whiteColor];
        _pageControl.currentPageIndicatorTintColor = [UIColor grayColor];
        [self addSubview:_imgScrollView];
        [self addSubview:_pageControl];
        _curIndex = 0;
    }
    return self;
}

加载View部分代码

-(void)reloadView {
    if (self.pics.count == 0) {
        return;
    }
    CGFloat imgWidth = _imgScrollView.frame.size.width * (self.pics.count + (self.pics.count == 1 ? 0 : 1));
    _imgScrollView.contentSize = CGSizeMake(imgWidth, 0);
    //添加图片
    for (int i = 0; i <= (self.pics.count == 1 ? self.pics.count - 1 : self.pics.count); i++) {
        UIImageView *imageView = [UIImageView new];
        imageView.clipsToBounds = YES;
        NSString *urlStr = @"";
        if (i == 0) {
            urlStr = self.pics[self.pics.count - 1];
        }else {
            urlStr = self.pics[i - 1];
        }
        [self loadImage:urlStr imageView:imageView];
        [self setVFrame:i imageView:imageView];
        [_imgScrollView addSubview:imageView];
    }
    //初始化scrollView的滚动位置
    _imgScrollView.contentOffset = CGPointMake((self.pics.count == 1 ? 0 : self.imgScrollView.frame.size.width), 0);
    //pageController的个数
    _pageControl.numberOfPages = self.pics.count;
    //添加点击手势
    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(clickImgView:)];
    [_imgScrollView addGestureRecognizer:tap];
    //添加计时器
    [self addTimer];
}

图片的点击事件，我是用block来处理的

#pragma mark 点击事件
- (void)clickImgView:(UIGestureRecognizer *)sender {
    self.imgeViewSelectBlock(_curIndex);
}
- (void)returnIndex:(scrollViewSelectBlock)block{
    self.imgeViewSelectBlock = block;
}

图片自动滚动是加了一个定时器

#pragma mark 添加计时器
- (void)addTimer{
    if (self.pics.count != 1) {
        self.time = [NSTimer scheduledTimerWithTimeInterval:3.0 target:self selector:@selector(nextImage) userInfo:nil repeats:YES];
    }
}
#pragma mark 下一张图片的方法
- (void)nextImage{
    if (_curIndex == self.pics.count - 1) {
        self.pageControl.currentPage = 0;
        _curIndex = 0;
    }else {
        self.pageControl.currentPage++;
        _curIndex++;
    }
    CGFloat x = (_curIndex + 1) * self.imgScrollView.frame.size.width;
    [UIView animateWithDuration:0.5 animations:^{
        _imgScrollView.contentOffset = CGPointMake(x, 0);
    } completion:^(BOOL finished) {
        if (finished && _curIndex == self.pics.count - 1) {
            _imgScrollView.contentOffset = CGPointMake(0, 0);
        }
    }];
}

上面是主要部分的代码Demo（在AdpScrollView文件里）
记得Star
下面是效果图

1.gif