iOS 广告轮播图控件 之 XRCarouselView

原创 2016年08月31日 15:48:55

给大家推荐一款特别好用的广告轮播图控件 XRCarouselView 它集成起来特别的方便,而且用法也很方便。

先给大家看一下效果,如图:

控件的下载地址http://download.csdn.net/detail/gaomingyangc/9618001

集成方式及调用:

1.集成方式直接拖到工程就可以了,哈哈。


2.调用方式:

#import "MYADListViewCell.h"
#import "XRCarouselView.h"
#import "ALinTopAD.h"
@interface MYADListViewCell() <XRCarouselViewDelegate> //控件的代理

@end

@implementation MYADListViewCell

- (void)setAdList:(NSArray *)AdList {
    _AdList = AdList;
    NSMutableArray *imageUrls = [NSMutableArray array];
    for (ALinTopAD *topAD in AdList) {
        [imageUrls addObject:topAD.imageUrl];
    }
    XRCarouselView *XRView = [[XRCarouselView alloc] initWithFrame:self.contentView.bounds imageArray:imageUrls]; // 初始化控件并传入图片数组
    XRView.time = 3.0; // 设置轮播的执行时间
    XRView.delegate = self; // 代理
    [self.contentView addSubview:XRView];// 添加到父视图
    
}

- (void)carouselView:(XRCarouselView *)carouselView clickImageAtIndex:(NSInteger)index {
    // 这里是你点击了哪一个图片的index,需要自己做后续操作。
}

@end

我只是使用的简单的一部分功能,人家控件的声明类中对每一个方法和属性的用途写的很明白,只要看一下大概就能明白都是什么作用。有兴趣大家可以研究一下,代码如下:

#import <UIKit/UIKit.h>
@class XRCarouselView;

typedef void(^ClickBlock)(NSInteger index);

//pageControl的显示位置
typedef enum {
    PositionNone,           //默认值 == PositionBottomCenter
    PositionHide,           //隐藏
    PositionTopCenter,      //中上
    PositionBottomLeft,     //左下
    PositionBottomCenter,   //中下
    PositionBottomRight     //右下
} PageControlPosition;

//图片切换的方式
typedef enum {
    ChangeModeDefault,  //轮播滚动
    ChangeModeFade      //淡入淡出
} ChangeMode;




@protocol XRCarouselViewDelegate <NSObject>

/**
 *  该方法用来处理图片的点击,会返回图片在数组中的索引
 *  代理与block二选一即可,若两者都实现,block的优先级高
 *
 *  @param carouselView 控件本身
 *  @param index        图片索引
 */
- (void)carouselView:(XRCarouselView *)carouselView clickImageAtIndex:(NSInteger)index;

@end




/**
 *  说明:要想正常使用,图片数组imageArray必须设置
 *  控件的frame必须设置,xib\sb创建的可不设置
 *  其他属性都有默认值,可不设置
 */
@interface XRCarouselView : UIView


/*
 这里没有提供修改占位图片的接口,如果需要修改,可直接到.m文件中
 搜索"XRPlaceholder"替换为你想要显示的图片名称,或者将原有的占位
 图片删除并修改你想要显示的图片名称为"XRPlaceholder"。
 不需要占位图片的请将[UIImage imageNamed:@"XRPlaceholder"]
 修改为[UIImage new]或[[UIImage alloc] init]
 */


#pragma mark 属性


/**
 *  设置图片切换的模式,默认为ChangeModeDefault
 */
@property (nonatomic, assign) ChangeMode changeMode;


/**
 *  设置分页控件位置,默认为PositionBottomCenter
 *  只有一张图片时,pageControl隐藏
 */
@property (nonatomic, assign) PageControlPosition pagePosition;


/**
 *  轮播的图片数组,可以是本地图片(UIImage,不能是图片名称),也可以是网络路径
 */
@property (nonatomic, strong) NSArray *imageArray;


/**
 *  图片描述的字符串数组,应与图片顺序对应
 *
 *  图片描述控件默认是隐藏的
 *  设置该属性,控件会显示
 *  设置为nil或空数组,控件会隐藏
 */
@property (nonatomic, strong) NSArray *describeArray;


/**
 *  每一页停留时间,默认为5s,最少2s
 *  当设置的值小于2s时,则为默认值
 */
@property (nonatomic, assign) NSTimeInterval time;


/**
 *  点击图片后要执行的操作,会返回图片在数组中的索引
 */
@property (nonatomic, copy) ClickBlock imageClickBlock;


/**
 *  代理,用来处理图片的点击
 */
@property (nonatomic, weak) id<XRCarouselViewDelegate> delegate;



#pragma mark 构造方法
/**
 *  构造方法
 *
 *  @param imageArray 图片数组
 *  @param describeArray 图片描述数组
 *
 */
- (instancetype)initWithFrame:(CGRect)frame imageArray:(NSArray *)imageArray;
- (instancetype)initWithImageArray:(NSArray *)imageArray imageClickBlock:(void(^)(NSInteger index))imageClickBlock;
+ (instancetype)carouselViewWithImageArray:(NSArray *)imageArray describeArray:(NSArray *)describeArray;


#pragma mark 方法

/**
 *  开启定时器
 *  默认已开启,调用该方法会重新开启
 */
- (void)startTimer;


/**
 *  停止定时器
 *  停止后,如果手动滚动图片,定时器会重新开启
 */
- (void)stopTimer;


/**
 *  设置分页控件指示器的图片
 *  两个图片必须同时设置,否则设置无效
 *  不设置则为系统默认
 *
 *  @param pageImage    其他页码的图片
 *  @param currentImage 当前页码的图片
 */
- (void)setPageImage:(UIImage *)image andCurrentPageImage:(UIImage *)currentImage;


/**
 *  设置分页控件指示器的颜色
 *  不设置则为系统默认
 *
 *  @param color    其他页码的颜色
 *  @param currentColor 当前页码的颜色
 */
- (void)setPageColor:(UIColor *)color andCurrentPageColor:(UIColor *)currentColor;


/**
 *  修改图片描述控件的部分属性,不需要修改的传nil
 *
 *  @param color   字体颜色,默认为[UIColor whiteColor]
 *  @param font    字体,默认为[UIFont systemFontOfSize:13]
 *  @param bgColor 背景颜色,默认为[UIColor colorWithWhite:0 alpha:0.5]
 */
- (void)setDescribeTextColor:(UIColor *)color font:(UIFont *)font bgColor:(UIColor *)bgColor;


/**
 *  清除沙盒中的图片缓存
 */
- (void)clearDiskCache;

@end



相关文章推荐

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

IOS 可以实现滑动的第三方库iCarousel的简单使用

iOS开发中如果想要你实现滑动效果,可以使用icarousel

IOS 实现图片Carousel效果---Cover Flow效果

Carousel效果也叫Cover Flow效果,就是图片以3D的形式进行左右滑动。 // // Carousel.h // #import @interface Carouse...

iOS 轮播图控件 XRCarouselView

  • 2016年08月31日 16:09
  • 8KB
  • 下载

IOS图片轮播控件/广告控件/Banner

  • 2015年12月21日 15:06
  • 15.5MB
  • 下载

Android自定义控件系列(六)—优雅的实现广告轮播图

前言今天给大家带来一个新的控件–轮播图,网上已经有很多这类的博客来讲解如何实现的,那么我的这个有哪些特点呢?或是说有哪些不同呢? 满足了轮播图的基本要求,循环滑动,在最后一张切到第一张时可以...

Android自动轮播图控件 广告轮

  • 2016年01月27日 15:56
  • 2.19MB
  • 下载

自定义广告轮播控件(基于ViewPager),带指示器,一键引用

应同事要求!将之前做的广告轮播(很常见的,基于viewPage的样式)提取出来,做成一个自定义的view; 方便其他地方直接使用!原理很简单,我只是做了一个整合而已! 主要功能为: 集合Vi...

Android实现ViewPager广告轮播控件在不同分辨率的屏幕下高度自适应

这篇文章首先我自己感觉,有点儿个人化的味道~为什么这么说? 因为很遗憾,我这里实现 “ ViewPager宽度铺满、高度自适应 ” 的方法又和网上其他的不太一样。虽然我依然是只写了几句代码来实现这个要...

app引导功能界面+广告轮播控件,两句代码搞定

基本就实现了大部分app的广告轮播的需求了,主要步骤就是,给RecycleTimeViewPage填充数据,rtPageView.setIntervalTime(3).startAutoPlay()设...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS 广告轮播图控件 之 XRCarouselView
举报原因:
原因补充:

(最多只允许输入30个字)