最近项目中需要实现点击按钮弹出另外两个按钮,下面纪录下我的实现过程
先上效果：
代码如下：
HJTView.h中：
#import <UIKit/UIKit.h>
//为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 <UIKit/UIKit.h>
//选择位置
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:@[@"组-19@2x.png",@"组-20@2x.png"]];
[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];
}
