iOS点击按钮的弹出动画

最近项目中需要实现点击按钮弹出另外两个按钮,下面纪录下我的实现过程
先上效果:

iOS点击按钮的弹出动画_第1张图片

代码如下:

HJTView.h中:
#import 
//为actionsheet上面的小视图
typedef  void (^RRBlock)(NSInteger index);

@interface HJTView : UIView

@property (nonatomic,strong) UIButton *sheetBtn;
@property (nonatomic,strong) UILabel *sheetLab;
@property (nonatomic,copy) RRBlock block;

- (void)selectedIndex:(RRBlock)block;

@end
HJTView.m中:
#import "HJTView.h"

@implementation HJTView

- (instancetype)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        self.sheetBtn = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 80, 80)];
        self.sheetBtn.clipsToBounds = YES;
        self.sheetBtn.layer.cornerRadius = 25;
        [self.sheetBtn setCenter:CGPointMake(self.frame.size.width/2, 10)];
        
        self.sheetLab = [[UILabel alloc]initWithFrame:CGRectMake(0, 60, self.frame.size.width, 20)];
        [self addSubview:self.sheetLab];
        [self.sheetBtn addTarget:self action:@selector(btnClick:) forControlEvents:UIControlEventTouchUpInside];
        
        [self.sheetLab setTextAlignment:NSTextAlignmentCenter];
        self.sheetLab.font = [UIFont systemFontOfSize:14];
        [self addSubview:self.sheetBtn];
        
    }
    return self;
}


- (void)btnClick:(UIButton *)btn
{
    self.block(self.sheetBtn.tag);
}

- (void)selectedIndex:(RRBlock)block
{
    self.block = block;
}




@end
HJTAnimationView.h中:
#import 

//选择位置
typedef void (^CLBlock)(NSInteger index);
//选择按钮
typedef void(^CLBtnBlock)(UIButton *btn);

@interface HJTAnimationView : UIView

@property (nonatomic,copy) CLBlock block;
@property (nonatomic,copy) CLBtnBlock btnBlock;
/**
 *  初始化动画视图
 *
 *  @param titlearray title数组
 * @param picarray    图标数组
 */

- (id)initWithTitleArray:(NSArray *)titlearray  picarray:(NSArray *)picarray;

//视图展示
- (void)show;

//选中的index
- (void)selectedWithIndex:(CLBlock)block;

//按钮block
- (void)CLBtnBlock:(CLBtnBlock)block;

@end
HJTAnimationView.m中:
#import "HJTAnimationView.h"
#import "HJTView.h"
#define  HH  130
#define SCREENWIDTH      [UIScreen mainScreen].bounds.size.width
#define SCREENHEIGHT    [UIScreen mainScreen].bounds.size.height

@interface HJTAnimationView ()
@property (nonatomic,strong) UIView *largeView;
@property (nonatomic) CGFloat count;

@property (nonatomic,strong) UIButton *chooseBtn;

@end

@implementation HJTAnimationView

- (id)initWithTitleArray:(NSArray *)titlearray picarray:(NSArray *)picarray
{
    self = [super init];
    if (self) {
        self.frame = [UIScreen mainScreen].bounds;
        self.backgroundColor = [UIColor colorWithRed:83/255.0 green:83/255.0 blue:83/255.0 alpha:0.7];
        self.largeView = [[UIView alloc]init];
        [_largeView  setFrame:CGRectMake(0, SCREENHEIGHT ,SCREENWIDTH,220)];
        [_largeView setBackgroundColor:[UIColor colorWithRed:83/255.0 green:83/255.0 blue:83/255.0 alpha:0.1]];
        //[_largeView setBackgroundColor:[UIColor clearColor]];
        [self addSubview:_largeView];
        
        __weak typeof (self) selfBlock = self;
        
        _chooseBtn = [[UIButton alloc]initWithFrame:CGRectMake(0, 0, 48, 48)];
        _chooseBtn.center = CGPointMake(SCREENWIDTH/2, 105);
        
        [_chooseBtn setBackgroundImage:[[UIImage imageNamed:@"CIRCLE---PLUS-拷贝@2x"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]forState:UIControlStateNormal];
        [_chooseBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        [_chooseBtn addTarget:self action:@selector(chooseBtnClick:) forControlEvents:UIControlEventTouchUpInside];
        [self.largeView addSubview:_chooseBtn];
        for (int i = 0; i < 2; i ++) {
            HJTView *rr = [[HJTView alloc]initWithFrame:CGRectMake(150+i*100, 20, 70, 90)];
            rr.tag = 10 + i;
            rr.sheetBtn.tag = i + 1;
            [rr.sheetBtn setImage:[UIImage imageNamed:[NSString stringWithFormat:@"%@",picarray[i]]] forState:UIControlStateNormal];
          //  [rr.sheetLab setText:[NSString stringWithFormat:@"%@",titlearray[i]]];
           
            [rr.sheetLab setTextColor:[UIColor whiteColor]];
            [rr selectedIndex:^(NSInteger index) {
                [self dismiss];
                self.block(index);
        
            }];
            
            [self.largeView addSubview:rr];
              
        }
        UITapGestureRecognizer *dismissTap = [[UITapGestureRecognizer alloc]initWithTarget:selfBlock action:@selector(dismiss)];
        [selfBlock addGestureRecognizer:dismissTap];
    }
    return self;
}

- (void)selectedWithIndex:(CLBlock)block
{
    self.block = block;
}

- (void)CLBtnBlock:(CLBtnBlock)block
{
    self.btnBlock = block;
}

- (void)chooseBtnClick:(UIButton *)sender
{
    self.btnBlock(sender);
     [self dismiss];
}

-(void)show
{
    UIWindow *window = [[UIApplication sharedApplication].windows firstObject];
    [window addSubview:self];
    
    [UIView animateWithDuration:0.1 animations:^{
        [UIView setAnimationCurve:UIViewAnimationCurveEaseOut];
        _largeView.transform = CGAffineTransformMakeTranslation(0,  - HH);
    } completion:^(BOOL finished) {
        for (int i = 0; i < 2; i ++) {
            
            CGPoint location = CGPointMake(SCREENWIDTH/3+SCREENWIDTH/3*i, 45);
            
            HJTView *rr =  (HJTView *)[self viewWithTag:10 + i];
            dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(i*0.03 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [UIView animateWithDuration:1.0 delay:0 usingSpringWithDamping:0.5 initialSpringVelocity:0.8 options:UIViewAnimationOptionCurveEaseOut animations:^{
                    rr.center=location; //CGPointMake(160, 284);
                } completion:nil];
  
            });
        }
    }];
     
}

- (void)tap:(UITapGestureRecognizer *)tapG {
    [self dismiss];
}

- (void)dismiss {
    [UIView animateWithDuration:0 animations:^{
        [UIView setAnimationCurve:UIViewAnimationCurveEaseIn];
        _largeView.transform = CGAffineTransformIdentity;
    } completion:^(BOOL finished) {
        [self removeFromSuperview];
    }];
}
@end
使用:
- (IBAction)speak:(UIButton *)sender {
    HJTAnimationView *animationView = [[HJTAnimationView alloc]initWithTitleArray:nil picarray:@[@"组[email protected]",@"组[email protected]"]];
    [animationView selectedWithIndex:^(NSInteger index) {
        if (index==1) {
            putAnswerViewController *putVC = [[putAnswerViewController alloc]init];
            [self presentViewController:putVC animated:YES completion:nil];
        }
        else if (index==2){
            putConsultViewController *VC = [[putConsultViewController alloc]init];
            [self presentViewController:VC animated:YES completion:nil];
        }
    }];
    [animationView CLBtnBlock:^(UIButton *btn) {
        NSLog(@"你点了选择/取消按钮");
    }];
    [animationView show];
}

你可能感兴趣的:(iOS点击按钮的弹出动画)