UIImageView动画 上推下拉动画 ImageView复用

今天在写动画库的时候，突然想起来以前做一个美文软件 首页动画的时候，处理的很糟糕（那是年轻），实现上拉下拉切换的时候，是一直的创建新的ImageView ，remove旧的，这样很吃资源。

所以今天我就把那个动画重写了个Demo，源码就放在这里了，一直是两个ImageView之间切换，重用，写的很仓促，也没时间在这里码字了，简单的注释了下，你们凑合看，我弄了个gif，效果就那样吧。

接口是随便找的一个，我把添加点击手势去除掉了，做相关跳转的话，自行添加。

导入两个库。

1.AFnetWorking

2.sdWebImage

//
//  ViewController.m
//  YYAnimation
//
//  Created by JackYang on 15/10/13.
//  Copyright © 2015年 JackYang. All rights reserved.
//

#import "ViewController.h"
#import "AFNetworking.h"
#import "UIImageView+WebCache.h"

#define RANDOM_COLOR [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0  blue:arc4random()%256/255.0  alpha:1]
#define kScreen_W [UIScreen mainScreen].bounds.size.width
#define kScreen_H [UIScreen mainScreen].bounds.size.height
#define FIRST_W kScreen_W-2*PADDING
#define FIRST_H (FIRST_W)*4/3
#define PADDING 40

#define kFirstUrl @"http://api.meitianapp.com/api/v1/articles?filter=isHomepage&start=0&limit=50"

typedef enum {
ADD,
SUB
}myType;

@interface ViewController ()
{
UIImageView * oneImageView;
UIImageView * anotherImageView;
}

@property UIImageView * firstView;
@property UIImageView * secondView;
@property NSMutableArray * dataSource;

@property AFHTTPRequestOperationManager * manager;

@property BOOL isFirstViewTop;

@property int index;//判断是数组第几位

@property BOOL canUp;

@property BOOL canDown;

@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];
self.view.backgroundColor = [UIColor blackColor];
[self fetchData];
[self createUI];
// Do any additional setup after loading the view, typically from a nib.
}

//实验性获取数据。
-(void)fetchData{
self.index = 0;
self.canUp = YES;
self.canDown = NO;
self.dataSource = [NSMutableArray array];
NSString * url = @"http://wenyijcc.com/services/wenyiapp/noteshandler.ashx?action=catalog";
_manager = [AFHTTPRequestOperationManager manager];
_manager.responseSerializer.acceptableContentTypes = [NSSet setWithObject:@"text/plain"];
[_manager GET:url parameters:nil success:^(AFHTTPRequestOperation *operation, id responseObject) {
NSArray * ary = responseObject[@"datas"];
for (NSDictionary * dict in ary) {
NSArray * arr = dict[@"ImageList"];
NSDictionary * dicc = arr[0];
NSString * url = dicc[@"ImageUrl"];
[self.dataSource addObject:url];
}
[self.firstView sd_setImageWithURL:[NSURL URLWithString:self.dataSource[_index]]];
} failure:^(AFHTTPRequestOperation *operation, NSError *error) {
NSLog(@"%@",error);
}];

}

-(void)createUI{
self.firstView = [[UIImageView alloc]init];
self.firstView.userInteractionEnabled = YES;
self.secondView = [[UIImageView alloc]init];
self.secondView.userInteractionEnabled = YES;
self.firstView.frame = CGRectMake(PADDING, PADDING, FIRST_W, FIRST_H);
self.secondView.frame = CGRectMake(2*PADDING, 2*PADDING, FIRST_W-4*PADDING, FIRST_H-4*PADDING);
self.firstView.backgroundColor = RANDOM_COLOR;
self.secondView.backgroundColor = RANDOM_COLOR;
[self addgesture:self.firstView];
[self addgesture:self.secondView];

[self.view addSubview:self.secondView];
[self.view addSubview:self.firstView];
//[self.view bringSubviewToFront:self.firstView];
self.isFirstViewTop = YES;
}

//获取当前index
-(int)getindex:(myType)type{
if(type == ADD){
if(self.index<self.dataSource.count-2){
_canUp = YES;
_canDown = YES;
return ++self.index;
}
else if(self.index == self.dataSource.count-2){
_canUp = NO;
_canDown = YES;
return ++self.index;
}
return (int)self.dataSource.count-1;
}
else if(type == SUB){
if(_index >  1){
_canUp = YES;
_canDown = YES;
return --self.index;
}
else if (_index == 1){
_canDown = NO;
_canUp =YES;
return --self.index;
}
else{
_canUp = YES;
_canDown = NO;
return 0;
}
}
return 0;

}

//加载图片
-(UIImageView *)getImageWithIndex:(myType)type withImageVew:(UIImageView *)imageView{
int a = [self getindex:type];
NSLog(@"%d",a);
NSString * url = self.dataSource[a];
[imageView sd_setImageWithURL:[NSURL URLWithString:url]];
return imageView;
}

//添加手势
- (void)addgesture:(UIImageView*)imageView{

UISwipeGestureRecognizer *upGesture = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeUp:)];
upGesture.direction = UISwipeGestureRecognizerDirectionUp;

UISwipeGestureRecognizer *downGesture = [[UISwipeGestureRecognizer alloc]initWithTarget:self action:@selector(swipeDown:)];
downGesture.direction = UISwipeGestureRecognizerDirectionDown;

//添加点击手势，
//    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(detailPage:)];

[imageView addGestureRecognizer:upGesture];
[imageView addGestureRecognizer:downGesture];
//    [imageView addGestureRecognizer:tapGesture];
}

//上推
-(void)swipeUp:(UISwipeGestureRecognizer*)swipe{
if (self.canUp) {
[self arrangeImageViews:CGRectMake(2*PADDING, 2*PADDING, FIRST_W-2*PADDING, FIRST_H-2*PADDING)andAlpha:1  andType:ADD];
[UIView animateWithDuration:0.5 animations:^{
oneImageView.frame = CGRectMake(PADDING, PADDING-600, FIRST_W, FIRST_H);
oneImageView.alpha = 0;
}completion:^(BOOL finished) {
[self.view bringSubviewToFront:anotherImageView];
}];

[UIView animateWithDuration:0.5 animations:^{
anotherImageView.frame = CGRectMake(PADDING, PADDING, FIRST_W, FIRST_H);
}];
}

}

//排列图片
-(void)arrangeImageViews:(CGRect)rect andAlpha:(int)p andType:(myType)type{
if(self.isFirstViewTop){
oneImageView = _firstView;
anotherImageView = _secondView;
}
else{
oneImageView = _secondView;
anotherImageView = _firstView;
}
self.isFirstViewTop = !self.isFirstViewTop;
//[self.view bringSubviewToFront:oneImageView];
anotherImageView.frame = rect;
anotherImageView.alpha = p;
[self getImageWithIndex:type withImageVew:anotherImageView];
anotherImageView.backgroundColor = RANDOM_COLOR;
}

//下拉
-(void)swipeDown:(UISwipeGestureRecognizer*)swipe{
if(self.canDown){
[self arrangeImageViews:CGRectMake(2*PADDING, 2*PADDING-600, FIRST_W-2*PADDING, FIRST_H-2*PADDING) andAlpha:00. andType:SUB];
[self.view bringSubviewToFront:anotherImageView];
[UIView animateWithDuration:0.5 animations:^{
anotherImageView.frame = CGRectMake(PADDING, PADDING, FIRST_W, FIRST_H);
anotherImageView.alpha = 1;
}completion:^(BOOL finished) {

}];
[UIView animateWithDuration:0.5 animations:^{
oneImageView.frame = CGRectMake(2*PADDING, 2*PADDING, FIRST_W-2*PADDING, FIRST_H-2*PADDING);
}];
}

}
@end