iOS轮播图

作者: libtinker | 来源:发表于2020-05-25 10:44 被阅读0次

TKCarouselView

TKCarouselView 是一款功能丰富轮播图,支持京东、天猫等app样式。

TKCarouselView工作原理

在UIScrollview上放三张UIImageView,初始设置展示第二张(也就是中间那张),等滚动完成后,在偷偷的把滚动Scrollview到第二张的位置,重新设置图片资源,这样实现了可以无限滚动的假象,细节可以看代码实现,这里就不写了

项目演示

demo.png

安装

CocoaPods

  1. 添加 pod 'TKCarouselView' 到你的 Podfile.
  2. pod install 或者 pod update.
  3. 包含头文件 Import <TKCarouselView.h>.

使用代码

    NSArray *imageNames = @[@"image_name_1.png",@"image_name_2.png",@"image_name_3.png",@"image_name_4.png"];
    
    TKCarouselView *carouselView = [[TKCarouselView alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, self.view.bounds.size.width/2)];
    [self.view addSubview:carouselView];
    
    [carouselView reloadImageCount:imageNames.count itemAtIndexBlock:^(UIImageView *imageView, NSInteger index) {
        imageView.image = [UIImage imageNamed:imageNames[index]];
    } imageClickedBlock:^(NSInteger index) {
        NSLog(@"%@",@(index));
    }];

源代码地址

https://github.com/libtinker/TKCarouselView.git

相关文章

  • 轮播大法——SDCycleScrollView 源码思路解析

    SDCycleScrollView 轮播图源码解析 一、开篇 轮播图控件,在 iOS 应用上是有很多应用的。 这个...

  • iOS使用UIScrollView实现无限循环轮播图

    何为轮播图?在 iOS中其实就是利用UIScrollView来展示超出屏幕范围的图片或者是其它内容。轮播图又分为手...

  • iOS 轮播图

    轮播图几乎是每一个 App 都会有的功能,而在 UIKit 中又找不到能够直接实现轮播图的视图控件。因此我们需要通...

  • ios 轮播图

    好的第三方 http://www.code4app.com/thread-14507-1-1.html

  • ios 轮播图

    #import "ViewController.h" #import "oneViewController.h" ...

  • iOS轮播图

    用collectionView自定义实现一个无限滚动的轮播图 这里主要说一下无限轮播的核心思路和解决方案 我先以s...

  • iOS 轮播图

  • IOS 轮播图

    轮播图有很多种方式创建,其中利用collectionView是最为简单的一种,以下为这种方式的思路代码。 初始化c...

  • iOS 轮播图

    轮播图是App中常用的展示界面,主要用到的控件有UIScrollView和UIPageControl。难点有两处,...

  • iOS 轮播图

    大神连接 BannerCell BannerView 实现

网友评论

    本文标题:iOS轮播图

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