iOS技术点

iOS轮播图

2020-05-25  本文已影响0人  libtinker

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

上一篇 下一篇

猜你喜欢

热点阅读