iOS 弹性动画之弹出分享菜单的实现

+ (void)animateWithDuration:(NSTimeInterval)duration delay:(NSTimeInterval)delay usingSpringWithDamping:(CGFloat)dampingRatio initialSpringVelocity:(CGFloat)velocity options:(UIViewAnimationOptions)options animations:(void (^)(void))animations completion:(void (^ __nullable)(BOOL finished))completionNS_AVAILABLE_IOS(7_0);

上诉方法是常用的弹性动画方法,其中duration,delay,dampingRatio,velocity分别设置了动画的持续时间,延时,振荡,初始速度.dampingRatio为1时动画无振荡平稳减速.

实现弹出分享菜单的关键就是上诉方法,来确定菜单中每个按钮的出现及消失动画(注意设定动画相应的延时).总体思路是:设定一个弹出组件,提供弹出菜单所需的参数的初始化方法(如图标,名称,列数等),根据上诉参数依次实例化按钮.提供显示菜单及隐藏菜单方法中就是对获得的参数数组进行动画操作,用循环语句依次设定其动画要素如延时,振荡与否等.

部分代码如下:

- (instancetype)initWithFrame:(CGRect)frame andButtonTitleAndImages:(NSArray<NSDictionary *> *)titleAndImages withColumnNums:(NSInteger)columnNum withBlock:(BaseSendTextBlock)block{
    self = [super initWithFrame:frame];
    if (self) {
        self.myBlock = block;
        self.alpha = 0.f;
        self.animateTime = 0.7;
        self.backgroundColor = RGB(0, 0, 0, 0.7);
        if (titleAndImages.count > 0) {
            NSInteger columnMaxNum = ((frame.size.width - BTN_FRAME_X * 2.0 - BTN_MINI_SPACE * 2.0) / BTN_WIDTH);
            self.columnNum = (columnNum >= 3)?columnNum:3;
            self.columnNum = (columnNum <= columnMaxNum)?columnNum:columnMaxNum;
            _btnViewSize = CGSizeMake(BTN_WIDTH, BTN_WIDTH + 40.0);
            _btnRowNum = (titleAndImages.count + self.columnNum - 1) / self.columnNum;
            _btnFrameX = (frame.size.width - BTN_WIDTH * self.columnNum) / (self.columnNum + 1);
            _btnFrameY = frame.size.height / 2.0 - _btnViewSize.height * _btnRowNum / 2.0;
            _btnItemSpace = _btnFrameX;
            for (int i = 0; i < titleAndImages.count; i++) {
                NSString *titleStr = [[titleAndImages objectAtIndex:i] objectForKey:@"title"];
                NSString *imageStr = [[titleAndImages objectAtIndex:i] objectForKey:@"image"];
                BaseSendBtnView *btnView = [[BaseSendBtnView alloc]initWithFrame:CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), frame.size.height + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height)];
                btnView.viewInfo = [titleAndImages objectAtIndex:i];
                //[btnView.btnImageView sd_setImageWithURL:[NSURL URLWithString:imageStr] placeholderImage:nil];
                btnView.btnImageView.image = [UIImage imageNamed:imageStr];
                btnView.btnTitleLabel.text = titleStr;
                btnView.sendViewButton.tag = i;
                [btnView.sendViewButton addTarget:self action:@selector(sendViewButtonClicked:) forControlEvents:UIControlEventTouchUpInside];
                [self addSubview:btnView];
                [self.btnViewArray addObject:btnView];
            }
        }
    }
    return self;
}

- (void)showSendTextView{
    self.alpha = 1.0f;
    CGFloat delyTime = 0.08;
    for (int i = 0; i < self.btnViewArray.count; i++) {
        __strong BaseSendBtnView *btnView = [self.btnViewArray objectAtIndex:i];
        if (i == self.btnViewArray.count - 1) {
            [UIView animateWithDuration:self.animateTime delay:delyTime * i usingSpringWithDamping:0.6 initialSpringVelocity:0.2 options:UIViewAnimationOptionCurveEaseInOut animations:^{
                btnView.frame = CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), _btnFrameY + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height);
            } completion:^(BOOL finished) {
                
            }];
        }else{
            [UIView animateWithDuration:self.animateTime delay:delyTime * i usingSpringWithDamping:0.6 initialSpringVelocity:0.2 options:UIViewAnimationOptionCurveEaseInOut animations:^{
                btnView.frame = CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), _btnFrameY + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height);
            } completion:^(BOOL finished) {
                
            }];
        }
    }
}

- (void)hiddenSendTextView{
    CGFloat delyTime = 0.08;
    for (int i = 0; i < self.btnViewArray.count; i++) {
        __strong BaseSendBtnView *btnView = [self.btnViewArray objectAtIndex:i];
        if (i == self.btnViewArray.count - 1) {
            [UIView animateWithDuration:self.animateTime delay:delyTime * (self.btnViewArray.count - i - 1) usingSpringWithDamping:0.7 initialSpringVelocity:0.2 options:UIViewAnimationOptionCurveEaseInOut animations:^{
                btnView.frame = CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), self.frame.size.height + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height);
            } completion:^(BOOL finished) {
                self.alpha = 0.f;
            }];
        }else{
            [UIView animateWithDuration:self.animateTime delay:delyTime * (self.btnViewArray.count - i - 1) usingSpringWithDamping:0.7 initialSpringVelocity:0.2 options:UIViewAnimationOptionCurveEaseInOut animations:^{
                btnView.frame = CGRectMake(_btnFrameX + (_btnViewSize.width + _btnItemSpace) * (i % self.columnNum), self.frame.size.height + (i / self.columnNum) * _btnViewSize.height, _btnViewSize.width, _btnViewSize.height);
            } completion:^(BOOL finished) {
                
            }];
        }
    }
}

附:

[UIView animateWithDuration:view.animateTime /2.0animations:^{

    _btn.transform =CGAffineTransformMakeRotation(M_PI_4);

  } completion:^(BOOL finished) {}