自定义弹框,点击提示框外空白区域,让弹框消失

Posted 雅之上善若水

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了自定义弹框,点击提示框外空白区域,让弹框消失相关的知识,希望对你有一定的参考价值。

tip:

  1. self.mainView  是提示框的全屏背景。一般是透明的黑色
  2.  self.bgImg   添加提示内容的主要view

 

方法一:正常情况下,各个页面都有touchesBegan:withEvent事件的触发。使用该方法

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    UITouch *touch = [touches anyObject];
    // 计算搜索框范围
    CGPoint touchPoint = [touch locationInView:self.mainView];
    
     NSLog(@"x = %f, y = %f", touchPoint.x, touchPoint.y);
    if (touchPoint.x > (self.bgImg.kkg_x+self.bgImg.kkg_width)&& touchPoint.x < self.bgImg.kkg_x && touchPoint.y > (self.bgImg.kkg_y+self.bgImg.kkg_height) && touchPoint.y < self.bgImg.kkg_y) {

    } else {
        [self closeAlert];
    }
}

方法二:当某个触发事件中断。 有个简单粗暴方法,就是手动添加tap

tip:1.添加代理,2.调用

  1. @interface XXXXXXXX ()<UIGestureRecognizerDelegate>

    [self addAGesutreRecognizerForMainViewView];

//MainViewView  没有点击事件
- (void)addAGesutreRecognizerForMainViewView{
    
    UITapGestureRecognizer *tapGesture = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapGesturedDetected:)]; 
    tapGesture.delegate = self;
    [self.mainView addGestureRecognizer:tapGesture];
}

- (void) tapGesturedDetected:(UITapGestureRecognizer *)recognizer{
    NSSet *touches=[[NSSet alloc]init];
    UITouch *touch = [touches anyObject];
    // 计算搜索框范围
    CGPoint touchPoint = [touch locationInView:self.mainView];
    
    NSLog(@"x = %f, y = %f", touchPoint.x, touchPoint.y);
    if (touchPoint.x > (self.bgImg.kkg_x+self.bgImg.kkg_width)&& touchPoint.x < self.bgImg.kkg_x && touchPoint.y > (self.bgImg.kkg_y+self.bgImg.kkg_height) && touchPoint.y < self.bgImg.kkg_y) {
        
    } else {
        [self closeAlert];
    }
}

  

以上是关于自定义弹框,点击提示框外空白区域,让弹框消失的主要内容,如果未能解决你的问题,请参考以下文章

Layui的layer.confirm弹框用法,很详细

vue实现点击一个按钮出现弹框,点击弹框外关闭弹框

PRD学习笔记:一些需要注意的说明

jQuery实现点击弹出框外界面关闭弹框

easyUI弹框被遮罩层遮挡

移动端 弹框下边的内容 禁止滑动的解决方案