美团外卖弹框实现

效果图：

先创建一个弹窗view和一个挡板view

//构造方法传入购物车数据和初始的高度

+(instancetype)show:(NSMutableArray*)foodArray

{

PopView*menu = [[PopViewalloc]init];

menu.userInteractionEnabled=YES;

//传递数据

menu.foodArray= foodArray;

menu.backgroundColor= [UIColorclearColor];

//给一个初始的位置（屏幕下面）

menu.frame=CGRectMake(0,kScreenSize.height,kScreenSize.width,300);

//根据购物车数据给出初始的弹框高度。（在viewHeight的set方法中写动画方法）

menu.viewHeight= foodArray.count*40+140;

return menu;

}

viewHeight的set方法

-(void)setViewHeight:(CGFloat)viewHeight

{

[UIViewanimateWithDuration:0.25animations:^{

self.frame=CGRectMake(0,kScreenSize.height-viewHeight-50,kScreenSize.width, viewHeight+40);

}completion:^(BOOLfinished) {

_viewHeight= viewHeight;

}];

}

弹窗放到keyWindow上所以可以写一个类方法来移除弹窗

+(void)hideAll

{

for(UIView*viewinkWindow.subviews) {

if([viewisKindOfClass:[STANCoverViewclass]]) {

[viewremoveFromSuperview];

}

if([viewisKindOfClass:[PopViewclass]]) {

[UIViewanimateWithDuration:0.25animations:^{

view.frame=CGRectMake(0,kScreenSize.height,kScreenSize.width, view.height);

}completion:^(BOOLfinished) {

[viewremoveFromSuperview];

}];

}

}

}

弹窗View的内容

-(void)contentViewWithCV:(UIView*)contextView

{

[_contentView removeFromSuperview];

_contentView= contextView;

_contentView.backgroundColor= [UIColorclearColor];

[selfaddSubview:_contentView];

}

-(void)layoutSubviews

{

[_contentView mas_makeConstraints:^(MASConstraintMaker*make) {

make.top.left.equalTo(self);

make.right.bottom.equalTo(self);

}];

}

挡板View构造方法

+(instancetype)show

{

STANCoverView*coverView = [[STANCoverViewalloc]initWithFrame:[UIScreenmainScreen].bounds];

coverView.backgroundColor= [UIColorclearColor];

returncoverView;

}

挡板的点击事件

-(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent*)event

{

[selfremoveFromSuperview];

if([_delegaterespondsToSelector:@selector(coverDidClick:)]) {

[_delegatecoverDidClick:self];

}

}

让PopView遵守挡板的代理，使得挡板被点击的时候，隐藏PopView