一個無限循環(huán)輪播圖 HCCycleView

功能

  • 兩種創(chuàng)建方式:代碼創(chuàng)建和xib創(chuàng)建
  • 支持同時顯示本地圖片和網(wǎng)絡(luò)圖片
  • 支持自定義PageControl樣式

演示

創(chuàng)建方式演示
自定義樣式演示

使用

  • 該庫需要用到SDWebImage對圖片進(jìn)行下載緩存操作,所以需要集成SDWebImage第三方庫
  • 將庫中的HCCycleView文件夾拖入你的文件后,在使用的地方引入“HCCycleView.h”

詳細(xì)

  • 代碼創(chuàng)建
 // 創(chuàng)建視圖
 HCCycleView *cycleScrollView = [HCCycleView cycleViewWithFrame:CGRectMake(0, 64, SCREEN_WIDTH, 205) delegate:self placeholderImage:PLACEHOLDER_IMAGE];
 // 傳入圖片數(shù)組
 cycleScrollView.imageArrays = imageArr;
  • xib 創(chuàng)建方式

    • 先拖入一個UIView控件


      拖入一個UIVIew控件.png
    • 將UIView的類設(shè)置成HCCycleView

      設(shè)置UIView控件的類.png
    • 將該View拖線到你要使用的控制器里

      引入設(shè)置好的HCCycleView-1.png
      引入設(shè)置好的HCCycleView-2.png
    • 傳入圖片數(shù)組

 cycleView.imageArrays = imageArr;

自定義PageControl

/***pageControl樣式,系統(tǒng)樣式和邊框樣式,默認(rèn)系統(tǒng)樣式*/
@property (nonatomic,assign) HCPageControlType pageControlType;
/***pageControl水平位置,默認(rèn)居中*/
@property (nonatomic,assign) HCPageControlPosition pageControlPosition;
/***pageControl的dot之間間隔大小*/
@property (nonatomic,assign) CGFloat pageControlDotInterSpace;
/***pageControl的dot的大小*/
@property (nonatomic,assign) CGSize pageControlDotSize;
/***pageControl的dot的邊框?qū)挾?/
@property (nonatomic,assign) CGFloat pageControlDotBorderWidth;
/***pageControl的自定義frame*/
@property (nonatomic,assign) CGRect pageControlCustomFrame;
/***pageControl距離底部的距離*/
@property (nonatomic,assign) CGFloat pageControlBottom;
/***pageControl的pageControlColor*/
@property (nonatomic,strong) UIColor *pageControlColor;
/***pageControl的currentPageControlColor*/
@property (nonatomic,strong) UIColor *currentPageControlColor; 

其他屬性說明

/*** 自動輪播屬性,默認(rèn)自動輪播 */
@property (nonatomic,assign) BOOL isAutoScroll;
/*** 輪播時間間隔 */
@property (nonatomic,assign) NSTimeInterval timerInterVal;
/*** 圖片占位圖 */
@property (nonatomic,strong) UIImage *placeholderImage;
/*** 圖片數(shù)組,支持網(wǎng)絡(luò)圖片和本地圖片*/
@property (nonatomic,copy) NSArray *imageArrays;

示例代碼


    // 圖片數(shù)組
    NSArray *imageArr = @[@"http://image72.360doc.com/DownloadImg/2014/04/2301/40991904_7.jpg",
                          @"http://img4.duitang.com/uploads/blog/201406/28/20140628174102_R8Hhd.thumb.700_0.jpeg",
                          [UIImage imageNamed:@"local_image.jpg"],
                          @"http://uploadfile.bizhizu.cn/2014/0507/20140507103639644.jpg",
                          @"http://image55.360doc.com/DownloadImg/2012/10/2517/27773420_5.jpg",
                          @"http://pic62.nipic.com/file/20150303/17961491_092446597000_2.jpg"
                          ];
    
    HCCycleView *cycleScrollView = [HCCycleView cycleViewWithFrame:CGRectMake(0, 64, SCREEN_WIDTH, 205) delegate:self placeholderImage:PLACEHOLDER_IMAGE];
    cycleScrollView.isAutoScroll = NO;
    cycleScrollView.currentPageControlColor = [UIColor whiteColor];
    cycleScrollView.pageControlColor = [UIColor purpleColor];
    cycleScrollView.pageControlType = HCPageControlTypeBorder;
    cycleScrollView.pageControlPosition = HCPageControlPositionRight;
    cycleScrollView.pageControlCustomFrame = CGRectMake(10, 180, 100, 20);
    cycleScrollView.pageControlDotBorderWidth = 1;
    cycleScrollView.pageControlDotInterSpace = 20;
    cycleScrollView.pageControlDotSize = CGSizeMake(10, 10);
    cycleScrollView.imageArrays = imageArr;
    [self.view addSubview:cycleScrollView];
詳細(xì)示例已放到github:https://github.com/ACoderNHC/HCCycleView
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,314評論 4 61
  • 如果女人想獲得一輩子的愛情,那她就會一敗涂地。
    默幽1019閱讀 271評論 0 0
  • 蘭蘭_862f閱讀 419評論 0 0

友情鏈接更多精彩內(nèi)容