Indices-up / GKCycleScrollView

一个轻量级的自定义轮播图组件

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GKCycleScrollView

Build Status Pod Version Pod Platform Pod License languages support

iOS轻量级图片、文字轮播器,支持自定义

GKCycleScrollView是一款基于UIScrollView封装的轮播器,参考了NewPagedFlowView的实现方法,功能更加强大,使用更加便捷

主要功能

  • 无第三方侵入,轻量级组件
  • 支持自动轮播,无限轮播
  • 支持cell缩放,设置上下左右间距
  • 支持自定义当前cell的显示尺寸
  • 支持自定义cell,自定义pageControl
  • 支持cell透明度渐变
  • 支持Masonry、SDAutolayout等第三方自动布局库

使用方法

1、创建GKCycleScrollView并设置数据源

GKCycleScrollView *cycleScrollView = [[GKCycleScrollView alloc] initWithFrame:CGRectMake(0, GK_STATUSBAR_NAVBAR_HEIGHT, kScreenW, 130)];
cycleScrollView1.dataSource = self;
[self.view addSubview:cycleScrollView1];

2、实现数据源方法

#pragma mark - GKCycleScrollViewDataSource
- (NSInteger)numberOfCellsInCycleScrollView:(GKCycleScrollView *)cycleScrollView {
    return self.dataArr.count;
}

- (GKCycleScrollViewCell *)cycleScrollView:(GKCycleScrollView *)cycleScrollView cellForViewAtIndex:(NSInteger)index {
    GKCycleScrollViewCell *cell = [cycleScrollView dequeueReusableCell];
    if (!cell) {
        cell = [GKCycleScrollViewCell new];
    }
    [cell.imageView sd_setImageWithURL:[NSURL URLWithString:dict[@"img_url"]]];
    cell.imageView.contentMode = UIViewContentModeScaleAspectFill;

    return cell;
}

3、调用reloadData方法,刷新数据源

[self.cycleScrollView reloadData]

效果图

说明 效果图
横向轮播 horizontal
纵向轮播 vertical
卡片效果 card
仿QQ聊天 qqchat

说明

GKCycleScrollView - 一个轻量级的自定义轮播图组件

版本更新

2020.01.03 0.0.5 修复手动滑动不流畅问题,修复反向滑动停止后可能错乱问题 2019.11.22 0.0.4 修复自动轮播跳动问题及设置defaultSelectIndex后滚动错误问题 2019.10.11 添加自定义pageControl

About

一个轻量级的自定义轮播图组件

License:MIT License


Languages

Language:Objective-C 99.2%Language:Ruby 0.8%