iOS 轮播图 banner

楼主项目中需要有一个轮播图,因为比较简单,就自己写了个,因为是从网上弄得图片 所以用了SDWebImage 这个三方库 当然自己也可以去掉

类型后面有*号 如用使用 请自行加上。。。。。

代码:。h 文件


@protocol TJXViewDelegate
//判断点击的那个
-(void)sendImageName:(TJXView *)TJXView andName:(NSInteger)selectImage;
@end
@interface TJXView : UIView
@property (nonatomic,weak)iddelegate;
//传一个frame 和 装有图片名字的数组过来
//参数一:frame
//参数二:装有图片名字的数组
//参数三:BOOL如果是YES,那么自动滚动,如果是NO不滚动
-(id)initWithFrame:(CGRect)frame andImageNameArray:
(NSMutableArray * )imageNameArray andIsRunning:(BOOL)isRunning;
@end
.m文件

@interface TJXView()
{
    NSInteger _currentPage; //记录真实的页码数
    NSTimer *_timer;  //生命一个全局变量
}
@property (nonatomic,assign) BOOL isRun;
@property (nonatomic,strong) NSMutableArray *imageArray;//存储图片的名字
@property (nonatomic,strong) UIScrollView *scrollView;
@property (nonatomic,strong) UIPageControl *pageControl;
@property (nonatomic,assign) CGFloat width;//view的宽
@property (nonatomic,assign) CGFloat height;//view的高
@end

、、、

-(id)initWithFrame:(CGRect)frame andImageNameArray:(NSMutableArray *)imageNameArray andIsRunning:(BOOL)isRunning{
    self = [super initWithFrame:frame];
    if (self) {
        _width = self.frame.size.width;
        _height = self.frame.size.height;
        //arrayWithArray 把数组中的内容放到一个数组中返回
        self.imageArray = [NSMutableArray arrayWithArray:imageNameArray];
        //在数组的尾部添加原数组第一个元素
        [self.imageArray addObject:[imageNameArray firstObject]];
        //在数组的首部添加原数组最后一个元素
        [self.imageArray insertObject:[imageNameArray lastObject] atIndex:0];
        self.isRun = isRunning;
        _currentPage = 0;
        [self createSro];
        [self createPageControl];
        [self createTimer];
    }
    return self;
}

、、、
-(void)createTimer{
    if (_isRun == YES) {
        _timer = [NSTimer scheduledTimerWithTimeInterval:2 target:self selector:@selector(change) userInfo:nil repeats:YES ];
        [[NSRunLoop currentRunLoop]addTimer:_timer forMode:NSRunLoopCommonModes];    }
}
-(void)change{
    //1获得当前的点
    CGPoint point = _scrollView.contentOffset;
    //2求得将要变换的点
    CGPoint endPoint = CGPointMake(point.x+_width, 0);
    //判断
    if (endPoint.x == (self.imageArray.count-1)*_width) {
        [UIView animateWithDuration:0.25 animations:^{
            _scrollView.contentOffset = CGPointMake(endPoint.x, 0);
        } completion:^(BOOL finished) {
            //动画完成的block
            _scrollView.contentOffset = CGPointMake(_width, 0);
            CGPoint realEnd = _scrollView.contentOffset;
            //取一遍页码数
            _currentPage = realEnd.x/_width;
            _pageControl.currentPage = _currentPage-1;
        }];
    }
    else{
        //0.25s中更改一个图片
        [UIView animateWithDuration:0.25 animations:^{
            _scrollView.contentOffset = endPoint;
        } completion:^(BOOL finished) {
        }];
               CGPoint realEnd = _scrollView.contentOffset;
        //取一遍页码数
        _currentPage = realEnd.x/_width;
        _pageControl.currentPage = _currentPage-1;
    }   
}
//创建页码指示器
-(void)createPageControl{
    _pageControl = [[UIPageControl alloc]initWithFrame:CGRectMake(_width-200, _height-30, 100, 30)];
    _pageControl.centerX = _width/2;
    _pageControl.numberOfPages = self.imageArray.count-2;
    _pageControl.pageIndicatorTintColor = WP_GRAY_COLOR;
    _pageControl.currentPageIndicatorTintColor = [UIColor whiteColor];
    _pageControl.userInteractionEnabled = NO;
    [self addSubview:_pageControl];
}
//创建滚动视图
-(void)createSro{
    _scrollView = [[UIScrollView alloc]initWithFrame:CGRectMake(0, 0, _width, _height)];
    _scrollView.contentSize = CGSizeMake(_width*self.imageArray.count, _height);
    for (int i = 0; i < self.imageArray.count; i++) {
        UIImageView *imageView = [[UIImageView alloc]initWithFrame:CGRectMake(i*_width, 0, _width, _height)];
//        imageView.image = [UIImage imageNamed:self.imageArray[i]];
        [imageView sd_setImageWithURL:self.imageArray[i] placeholderImage:[UIImage imageNamed:@"home_banner_blank"]];
        imageView.userInteractionEnabled = YES;
        imageView.tag = 200+i;
        UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(tap:)];
        [imageView addGestureRecognizer:tap];
        [_scrollView addSubview:imageView];
    }
    //水平指示条不显示
    _scrollView.showsHorizontalScrollIndicator = NO;
    //关闭弹簧效果
    _scrollView.bounces = NO;
    //设置用户看到第一张
    _scrollView.contentOffset = CGPointMake(_width, 0);
    //设置代理
    _scrollView.delegate = self;
    //分页效果
    _scrollView.pagingEnabled = YES;
    [self addSubview:_scrollView];
}
-(void)tap:(UITapGestureRecognizer *)tap{
    if(_delegate&&[_delegate respondsToSelector:@selector(sendImageName:andName:)]){
        [_delegate sendImageName:self andName:tap.view.tag-201];
    }else{
        NSLog(@"没有设置代理或者没有事先协议的方法");
    } 
}
#pragma mark UIScrollViewDelegate
//停止滚动
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{
    if (_timer) {
        [_timer setFireDate:[NSDate dateWithTimeIntervalSinceNow:2]];
    }
    //图片的个数  1 2 3 4 5 6 7 8
    //真实的页码  0 1 2 3 4 5 6 7
    //显示的页码    0 1 2 3 4 5
    CGPoint point = _scrollView.contentOffset;
    if (point.x == (self.imageArray.count-1)*_width) {
        scrollView.contentOffset = CGPointMake(_width, 0);
    }
    if (point.x == 0) {
        scrollView.contentOffset = CGPointMake((self.imageArray.count-2)*_width, 0);
    }
    //取一遍页码数
    CGPoint endPoint = scrollView.contentOffset;
    _currentPage = endPoint.x/_width;
    _pageControl.currentPage = _currentPage-1;
}
//手指开始触摸的时候,停止计时器
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{
    if (_timer) {
        //如果有,停掉
        [_timer setFireDate:[NSDate distantFuture]];
    }
}
在项目中  导入头文件  遵守代理
        TJXView * TJXView = [[TJXView alloc]initWithFrame:CGRectMake(0, 0, WPSCREEN_WIDTH, 100*WPSCREEN_HIGTH_RATIO) andImageNameArray:self.bannerImager andIsRunning:YES];
        TJXView.delegate = self;
        [self.view addSubview: TJXView];
#pragma mark TJXViewDelegate
-(void)sendImageName:(TJXView *) TJXView andName:(NSInteger)selectImage{
     KKLog(@"%ld",(long)selectImage);
}

你可能感兴趣的:(iOS 轮播图 banner)