轮播图的封装

2019-4-26 王建伟 iOS开发

新产品项目中需要编写一个轮播图的功能，效果如下图所示:

其中我们需要用到一个第三方库：iCarousel,这是一个做轮播图非常强大的库，基本可以满足日常开发的需求，我们将在此库的基础上编写实现我们需要的轮播图

首先建立一个基础与UIView的子类：NSRoastView

需要2个属性，1.NSTimer用来实现图片的自动轮播；2.iCarousel第三方库

初始化

 -(instancetype)initWithFrame:(CGRect)frame{
    if(self=[super initWithFrame:frame]){
        self.icarousel=[[iCarousel alloc]initWithFrame:SPFrame(0, 0, frame.size.width, frame.size.height)];
        [self addSubview:self.icarousel];
        self.icarousel.pagingEnabled=YES;
        self.icarousel.delegate=self;
        self.icarousel.dataSource=self;    
    }
    return self;
}

实现iCarousel代理方法

 #pragma 轮播图代理
/*
 ＊返回轮播图数量＊
 */
-(NSInteger)numberOfItemsInCarousel:(iCarousel *)carousel{
    [nsrView changeToNextWithTotalNumber:3];
    return 3;
}
/*
 ＊返回轮播图像＊
 */
-(UIView*)carousel:(iCarousel *)carousel viewForItemAtIndex:(NSInteger)index reusingView:(UIView *)view{
    if (view == nil) {
        view = [[UIImageView alloc] initWithFrame:CGRectMake(40, 0, SPScreen_W-80, 150)];
        view.layer.cornerRadius=8;
        view.layer.masksToBounds=YES;
    }
    NSInteger r=rand()%255+1;
    NSInteger g=rand()%255+1;
    NSInteger b=rand()%255+1;
    NSLog(@"%ld,%ld,%ld",r,g,b);
    view.backgroundColor=SPRGBColor(r, g, b);
    return view;
}
/*
 ＊允许循环滚动＊
 */
-(CGFloat)carousel:(iCarousel *)carousel valueForOption:(iCarouselOption)option withDefault:(CGFloat)value{
    if(option==iCarouselOptionWrap){
        return YES;
    }
    return value;
}
/*
 ＊设置轮播块的大小可以用于调整2个轮播图之间的距离＊
 */
-(CGFloat)carouselItemWidth:(iCarousel *)carousel{
    return SPScreen_W-60;
}

实现方法让他能自动轮播

 -(void)changeToNextWithTotalNumber:(NSInteger)number{
    if(number>1){
        if(!_timer){
        _timer=[NSTimer scheduledTimerWithTimeInterval:3 target:self selector:@selector(timerEvent) userInfo:nil repeats:YES];
        }
    }
    else{
        _timer=nil;
        [_timer invalidate];
    }
}
-(void)timerEvent{
    [self.icarousel scrollToItemAtIndex:self.icarousel.currentItemIndex+1 animated:YES];
}

分享到： QQ空间新浪微博腾讯微博微信更多

« 版式设计小技巧 | 从零开始画图标系列»

轮播图的封装

日历

存档

最新评论

链接

搜索