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

功能

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

演示

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

使用

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

詳細

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

    • 先拖入一個UIView控件


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

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

      引入設置好的HCCycleView-1.png
      引入設置好的HCCycleView-2.png
    • 傳入圖片數組

 cycleView.imageArrays = imageArr;

自定義PageControl

/***pageControl樣式黑忱,系統樣式和邊框樣式宴抚,默認系統樣式*/
@property (nonatomic,assign) HCPageControlType pageControlType;
/***pageControl水平位置,默認居中*/
@property (nonatomic,assign) HCPageControlPosition pageControlPosition;
/***pageControl的dot之間間隔大小*/
@property (nonatomic,assign) CGFloat pageControlDotInterSpace;
/***pageControl的dot的大小*/
@property (nonatomic,assign) CGSize pageControlDotSize;
/***pageControl的dot的邊框寬度*/
@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; 

其他屬性說明

/*** 自動輪播屬性,默認自動輪播 */
@property (nonatomic,assign) BOOL isAutoScroll;
/*** 輪播時間間隔 */
@property (nonatomic,assign) NSTimeInterval timerInterVal;
/*** 圖片占位圖 */
@property (nonatomic,strong) UIImage *placeholderImage;
/*** 圖片數組杨何,支持網絡圖片和本地圖片*/
@property (nonatomic,copy) NSArray *imageArrays;

示例代碼


    // 圖片數組
    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];
詳細示例已放到github:https://github.com/ACoderNHC/HCCycleView
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末酱塔,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子危虱,更是在濱河造成了極大的恐慌羊娃,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,366評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件埃跷,死亡現場離奇詭異蕊玷,居然都是意外死亡邮利,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 93,521評論 3 395
  • 文/潘曉璐 我一進店門垃帅,熙熙樓的掌柜王于貴愁眉苦臉地迎上來延届,“玉大人,你說我怎么就攤上這事贸诚》酵ィ” “怎么了?”我有些...
    開封第一講書人閱讀 165,689評論 0 356
  • 文/不壞的土叔 我叫張陵酱固,是天一觀的道長械念。 經常有香客問我,道長运悲,這世上最難降的妖魔是什么龄减? 我笑而不...
    開封第一講書人閱讀 58,925評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮班眯,結果婚禮上希停,老公的妹妹穿的比我還像新娘。我一直安慰自己署隘,他們只是感情好宠能,可當我...
    茶點故事閱讀 67,942評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著定踱,像睡著了一般棍潘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上崖媚,一...
    開封第一講書人閱讀 51,727評論 1 305
  • 那天,我揣著相機與錄音恤浪,去河邊找鬼畅哑。 笑死,一個胖子當著我的面吹牛水由,可吹牛的內容都是我干的荠呐。 我是一名探鬼主播,決...
    沈念sama閱讀 40,447評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼砂客,長吁一口氣:“原來是場噩夢啊……” “哼泥张!你這毒婦竟也來了?” 一聲冷哼從身側響起鞠值,我...
    開封第一講書人閱讀 39,349評論 0 276
  • 序言:老撾萬榮一對情侶失蹤媚创,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后彤恶,有當地人在樹林里發(fā)現了一具尸體钞钙,經...
    沈念sama閱讀 45,820評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡鳄橘,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,990評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現自己被綠了芒炼。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瘫怜。...
    茶點故事閱讀 40,127評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖本刽,靈堂內的尸體忽然破棺而出鲸湃,到底是詐尸還是另有隱情,我是刑警寧澤子寓,帶...
    沈念sama閱讀 35,812評論 5 346
  • 正文 年R本政府宣布唤锉,位于F島的核電站,受9級特大地震影響别瞭,放射性物質發(fā)生泄漏窿祥。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,471評論 3 331
  • 文/蒙蒙 一蝙寨、第九天 我趴在偏房一處隱蔽的房頂上張望晒衩。 院中可真熱鬧,春花似錦墙歪、人聲如沸听系。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽靠胜。三九已至,卻和暖如春毕源,著一層夾襖步出監(jiān)牢的瞬間浪漠,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評論 1 272
  • 我被黑心中介騙來泰國打工霎褐, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留址愿,地道東北人。 一個月前我還...
    沈念sama閱讀 48,388評論 3 373
  • 正文 我出身青樓冻璃,卻偏偏與公主長得像响谓,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子省艳,可洞房花燭夜當晚...
    茶點故事閱讀 45,066評論 2 355

推薦閱讀更多精彩內容

  • 發(fā)現 關注 消息 iOS 第三方庫娘纷、插件、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,107評論 4 62
  • 如果女人想獲得一輩子的愛情跋炕,那她就會一敗涂地赖晶。
    默幽1019閱讀 180評論 0 0
  • 蘭蘭_862f閱讀 341評論 0 0