先看效果图,实在是不好描述
效果图
在APP中这种需求是非常多的,但是如何用简单的代码去实现这种效果一个非常的头疼,我一开始写项目的时候是自己写蒙版,然后用UIView是实现效果,处理起来非常的麻烦
实现难度: 五颗星
实现方式一
实现难度 三颗星
在keyWindow 上添加View,选择这种方式遇到的坑,就是如果父视图的背景色是clearColor,子视图是看不到的.解决方式使用colorWithAlphaComponent
核心代码
//懒加载视图
- (XNMPayMethodView *)payMethodView {
if (_payMethodView == nil) {
_payMethodView = [[XNMPayMethodView alloc]initWithFrame:[UIScreen mainScreen].bounds];
_payMethodView.backgroundColor = [[UIColor blackColor]colorWithAlphaComponent:0];
_payMethodView.bgView.backgroundColor = [UIColor clearColor];
_payMethodView.frame = [UIScreen mainScreen].bounds;
}
return _payMethodView;
}
//点击方法
[kKeyWindow addSubview:self.payMethodView];
[UIView animateWithDuration:0.5 animations:^{
self.payMethodView.backgroundColor = [[UIColor blackColor]colorWithAlphaComponent:0.5];
self.payMethodView.bgView.xn_y = kScreenHeight -244;
}];
XNMPayMethodView内部处理:在可以window上移除视图
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
[UIView animateWithDuration:0.5 animations:^{
self.backgroundColor = [[UIColor blackColor]colorWithAlphaComponent:0];
self.bgView.xn_y = kScreenHeight;
}completion:^(BOOL finished) {
for (UIView *cover in kKeyWindow.subviews) {
if ([cover isKindOfClass:[XNMPayMethodView class]]) {
[cover removeFromSuperview];
}
}
}];
}
效果:
方式一效果图
实现方式二
实现难度 两个星
modal控制器,设置控制器的modalPresentationStyle为UIModalPresentationOverCurrentContext
XNMPayViewController *pay = [[XNMPayViewController alloc]init];
pay.view.backgroundColor = [UIColor clearColor];
[self presentViewController:pay animated:YES completion:nil];
XNMPayViewController控制器代码:
self.modalPresentationStyle = UIModalPresentationOverCurrentContext;
UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc]initWithTarget:self action:@selector(closeController)];
tap.delegate = self;
[self.view addGestureRecognizer:tap];
// 禁止子视图响应父视图的手势
- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldReceiveTouch:(UITouch *)touch {
if ([touch.view isDescendantOfView:self.bgView]) {
return NO;
}
return YES;
}
- (void)closeController {
[self dismissViewControllerAnimated:YES completion:nil];
}
问题:给父视图添加手势的时候,子视图也会相应.而且这种方式有蒙版的时候效果不好,适用于背景透明
实现方式一
实现难度 一个星
终极大招:
使用UIViewController+KNSemiModal,既可以推出控制器,也可以推出View
[self.navigationController presentSemiViewController:seimi withOptions:@{KNSemiModalOptionKeys.pushParentBack : @(NO),
KNSemiModalOptionKeys.animationDuration : @(0.6),
KNSemiModalOptionKeys.shadowOpacity : @(0.8)
}];
详细使用请看UIViewController+KNSemiModal Category
Demo地址:github
