iOS可复用控件之发送动画

GitHub地址：https://github.com/runThor/HTSendAnimation

效果：

这里向上轻扫信封会出现信封旋转着向远处飞出的效果。

实现：

//  HTSendAnimation.m

#import "HTSendAnimation.h"


@interface HTSendAnimation ()

@property (nonatomic, strong) UIImageView *imageView;  // 主体图片
@property (nonatomic, strong) UIImageView *circle1;  // 圆点1
@property (nonatomic, strong) UIImageView *circle2;  // 圆点2
@property (nonatomic, strong) UIImageView *circle3;  // 圆点3

@end

@implementation HTSendAnimation

- (instancetype)initWithFrame:(CGRect)frame {
    if (self = [super initWithFrame:frame]) {
        // 初始化视图
        self.imageView = [[UIImageView alloc] initWithFrame:CGRectMake(0, 0, 0.5 * SCREEN_WIDTH, 0.4 * SCREEN_WIDTH)];
        [self.imageView setCenter:CGPointMake(SCREEN_WIDTH/2, SCREEN_HEIGHT - self.imageView.frame.size.height)];
        self.imageView.image = [UIImage imageNamed:@"envelope"];
        self.imageView.userInteractionEnabled = YES;
        [self addSubview:self.imageView];
        
        // 设置向上轻扫手势触发事件
        UISwipeGestureRecognizer *swipeGes = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(didSwipeGes)];
        swipeGes.direction = UISwipeGestureRecognizerDirectionUp;
        [self.imageView addGestureRecognizer:swipeGes];
        
        // 点击移除发送视图
        UITapGestureRecognizer *tapGes = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(removeSelf)];
        [self addGestureRecognizer:tapGes];
        
        self.circle1 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"deepBlue"]];
        self.circle1.center = CGPointMake(self.imageView.center.x, self.imageView.frame.origin.y - 50);
        self.circle1.bounds = CGRectMake(0, 0, 20, 20);
        [self addSubview:self.circle1];
        
        self.circle2 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"lightBlue"]];
        self.circle2.center = CGPointMake(self.imageView.center.x, self.circle1.frame.origin.y - 50);
        self.circle2.bounds = CGRectMake(0, 0, 15, 15);
        [self addSubview:self.circle2];
        
        self.circle3 = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"lightBlue"]];
        self.circle3.center = CGPointMake(self.imageView.center.x, self.circle2.frame.origin.y - 50);
        self.circle3.bounds = CGRectMake(0, 0, 10, 10);
        [self addSubview:self.circle3];
    }
    
    return self;
}

// 向上轻扫事件
- (void)didSwipeGes {
    // 移除圆点
    [self.circle1 removeFromSuperview];
    [self.circle2 removeFromSuperview];
    [self.circle3 removeFromSuperview];
    
    // 旋转并缩小，直至消失
    [UIView animateWithDuration:1.5 animations:^{
        self.imageView.frame = CGRectMake(SCREEN_WIDTH/2, 0, 0, 0);
        self.imageView.transform = CGAffineTransformMakeRotation(179);
        self.imageView.transform = CGAffineTransformMakeRotation(358);
    } completion:^(BOOL finished) {
        [self removeSelf];
    }];
}

// 移除发送视图
- (void)removeSelf {
    [self removeFromSuperview];
}


@end

使用：

//  ViewController.m

#import "ViewController.h"
#import "HTSendAnimation.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    HTSendAnimation *sendView = [[HTSendAnimation alloc] initWithFrame:CGRectMake(0, 0, SCREEN_WIDTH, SCREEN_HEIGHT)];
    sendView.backgroundColor = [[UIColor grayColor] colorWithAlphaComponent:0.5];
    [self.view addSubview:sendView];
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}


@end