美文网首页
OC-循环轮播图

OC-循环轮播图

作者: DSA碼侬 | 来源:发表于2018-01-30 11:09 被阅读23次

这里我写了一个文件实现了视觉上是无限循环的轮播图。
1、这种轮播图可以有很多种方法实现。在这里是利用UICollectionView以及定时器实现滚动视图,循环利用cell
2、刚开始加载之后,左右都可以滚动
3、显示的图片可以点击做出相应的事件
4、查看实现源码: 循环播放CollectionView
5、效果图如下所示:

效果图.gif

引用4步如下:


1、导入头文件:

 #import "PNCycleScrollView.h"

2、通过调用对应的类方法,创建PNCycleScrollView对象,添加到视图上:

CGRect frame = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 300);
PNCycleScrollView *cycleScrollView = [PNCycleScrollView scrollViewWithFrame:frame];
[self.view addSubview:cycleScrollView];

3、设置点击事件代理与图片数组数据:

  cycleScrollView.delegate = self; // PNCycleScrollViewDelegate
 cycleScrollView.imageNames = @[@"1",@"2",@"3",@"4",@"5"];

4、实现点击事件的代理方法:

#pragma  mark - PNCycleScrollViewDelegate
- (void)cycleScrollView:(PNCycleScrollView *)cycleScrollView didSelectItemAtIndex:(NSInteger)index{
// dosth
    NSLog(@"点击了%tu", index); 
}

相关文章

  • OC-循环轮播图

    这里我写了一个文件实现了视觉上是无限循环的轮播图。1、这种轮播图可以有很多种方法实现。在这里是利用UICollec...

  • 循环轮播图

    思路:创建N+2容量的滚动图,当滚动到第一页或最后一页时,填入相应视图并重置位置 以上为核心代码,详情看demo

  • 无限Banner轮播图

    GJImageCarouselView 自己写的Banner轮播图,自动循环,无限轮播。可以设置时间间隔、占位图。...

  • 图片浏览器

    引用循环轮播图 核心代码 ImageBrowserCell ImageBrowserController Exte...

  • iOS无限循环轮播图(只使用三个imageView)

    以前循环轮播图的逻辑: 以前我写过一个无限循环的轮播图,大概逻辑是:根据数据源(图片的数量)新建若干个imageV...

  • UIScrollView实现循环轮播Banner(自定义Cell

    实现循环轮播图的各种方案 轮播图的实现方案有很多种,大体上分为CollectionView和ScrollView实...

  • 无限循环轮播图

    无限循环轮播图 在工作的过程中,很多情况下会遇到要使用轮播图,相信大家也遇到过,使用轮播图的话分两种情况:不能无限...

  • js轮播图

    什么是轮播图呢?能够实现多张图片循环出现效果的我们称之为轮播图。 html样式 css样式 js样式 这就是我敲出...

  • swift第三方控件

    iOS开发:Swift实现的轮播图、无限循环视图控件CYCircularScrollView CycleScrol...

  • js原装代码做一个简单的点击切换图片的轮播图

    点击左右按钮会切换图片,可以无限循环的轮播图 代码: HTLM CSS JS 效果图

网友评论

      本文标题:OC-循环轮播图

      本文链接:https://www.haomeiwen.com/subject/cbzvaxtx.html