iOS 用Swipe手势和动画实现循环播放图片示例

@interface ViewController ()

@property (strong, nonatomic) IBOutlet UIImageView *middleImage;
@property (strong, nonatomic) IBOutlet UIImageView *leftImage;
@property (strong, nonatomic) IBOutlet UIImageView *rightImage;
@property (strong, nonatomic) NSMutableArray *imageArray;

@end

- (void)viewDidLoad {
[super viewDidLoad];

[self initData];
[self initView];
[self circleSwipeToMiddleImage];
}

- (void)initData {
self.imageArray = [NSMutableArray new];
NSString *imageName;

for (int i = 0; i < 5; i++) {
  imageName = [NSString stringWithFormat:@"image%i", i];

  [self.imageArray addObject:[UIImage imageNamed:imageName]];
}
}

- (void)initView {
self.middleImage.image = self.imageArray[0];

//在imageView中添加外框，比较容易区分三张图片的位置
[self addBorder:self.middleImage];
[self addBorder:self.leftImage];
[self addBorder:self.rightImage];
}
- (void)addBorder:(UIImageView *)imageView {
imageView.layer.borderWidth = 1.0;
imageView.layer.borderColor = [UIColor lightGrayColor].CGColor;
}

#pragma mark - 图片循环播放

- (void)circleSwipeToMiddleImage {
UISwipeGestureRecognizer *gesture1 = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(circleSwipeImageToRight)];
gesture1.direction = UISwipeGestureRecognizerDirectionRight;
self.view.userInteractionEnabled = YES;

UISwipeGestureRecognizer *gesture2 = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(circleSwipeImageToLeft)];
gesture2.direction = UISwipeGestureRecognizerDirectionLeft;

[self.view addGestureRecognizer:gesture1];
[self.view addGestureRecognizer:gesture2];
}

/**
 向右轻扫响应方法
 */
- (void)circleSwipeImageToRight {
UIImage *currentImage = self.middleImage.image;
NSInteger index = [self.imageArray indexOfObject:currentImage];
index = (index + 1) % self.imageArray.count;

 [self changeAnimation:index toRight:YES];
}

/**
 向左轻扫响应方法
 */
- (void)circleSwipeImageToLeft {
UIImage *currentImage = self.middleImage.image;
NSInteger index = [self.imageArray indexOfObject:currentImage];
index = (index - 1 + self.imageArray.count) % self.imageArray.count;

[self changeAnimation:index toRight:NO];
}

#pragma mark - 添加动画

/**
 为middleImage添加动画效果

 @param index  图片数组下标
 @param toRight 是否是向右滑动
 */
- (void)changeAnimation:(NSInteger)index toRight:(BOOL)toRight {
CATransition *transition = [CATransition animation];
transition.type = kCATransitionReveal; //设置动画过渡的方式

if (toRight) {
  //向右滑动，则图片是由左向右运动
  transition.subtype = kCATransitionFromLeft;
}
else {
  //向左滑动，则图片是由右向左运动
  transition.subtype = kCATransitionFromRight;
}

//将动画添加middleIamge.layer上
[self.middleImage.layer addAnimation:transition forKey:nil];

NSInteger count = self.imageArray.count;

if (index >= 0 && index < count) {
  //更改middleImage展示的图片
  self.middleImage.image = self.imageArray[index];
}
}