ios 扑克牌效果轮播_iOS一行代码实现立体轮播图

示例图片

bannergif.gif

使用方法

1. 初始化

(instancetype)initWithFrame:(CGRect)frame WithBannerSource:(NinaBannerSource)bannerSource WithBannerArray:(NSArray *)bannerArray;

2. 设置属性

自动轮播间隔时间

@property (nonatomic, assign) CGFloat timeInterval;

是否要显示pagecontrol

@property (nonatomic, assign) BOOL showPageControl;

当前页点的颜色

@property (nonatomic, strong) UIColor *currentPageIndicatorTintColor;

未选中点的颜色

@property (nonatomic, strong) UIColor *pageIndicatorTintColor;

点击图片回调

(void)hhBannerView:(HHBannerView *)bannerView didSelectItemAtIndex:(NSInteger)index;

实现原理

简介

该控件主要使用iOS核心动画 CoreAnimation中转场动画-立方体翻转效果进行实现

CATransition *transition = [[CATransition alloc] init];

transition.type = @"cube"; //立方体翻转

transition.subtype = kCATransitionFromRight;

transition.duration = 1.5;

transition.delegate = self;

[self.imgView.layer addAnimation:transition forKey:nil];

添加定时器进行自动的翻转

- (void)setupTimer:(CGFloat)timeInterval {

self.myTimer = [NSTimer timerWithTimeInterval:timeInterval target:self selector:@selector(handleSwipeFromRight) userInfo:nil repeats:YES];

[[NSRunLoop currentRunLoop] addTimer:self.myTimer forMode:NSDefaultRunLoopMode];

}

添加左右滑动手势进行翻转动画

监听动画执行开始和结束，在开始时候关闭定时器，并且关闭self.img的触摸事件；在结束时候重新开启定时器，并且打开self.img的触摸事件

UISwipeGestureRecognizer *fromRightRecognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(handleSwipeFromRight)];

[fromRightRecognizer setDirection:UISwipeGestureRecognizerDirectionLeft];

[self.imgView addGestureRecognizer:fromRightRecognizer];

UISwipeGestureRecognizer *fromLeftRecognizer = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(handleSwipeFromLeft)];

[fromLeftRecognizer setDirection:UISwipeGestureRecognizerDirectionRight];

[self.imgView addGestureRecognizer:fromLeftRecognizer];