CODEWITHSUNDEEP
iosswiftuiview
Tester
Tester

Reputation: 685

IOS - How to hide a view by touching anywhere outside of it

I'm new to IOS programming, I'm displaying a view when a button is clicked, using the following code inside the button method.

 @IBAction func moreButton(_ sender: Any)
    {
        self.helpView.isHidden = false
    }

initially, the self.helpView.isHidden is set to true in viewDidLoad method to hide the view. Now, how can i dismiss this view by touching anywhere outside the view. From the research, i found that, it can be done by creating a transparent button that fits the whole viewController. So then by clicking on the button, we can make the view to dismiss. Can anyone give me the code in swift 3 to create such button.

Or, if there is any other better way to hide a view, it is welcomed.

I'm using Xcode 8.2, swift 3.0

Thanks in advance.

Upvotes: 29

Views: 59910

Answers (12)

PSchuette
PSchuette

Reputation: 4473

private func addClickToDismiss() {

    let tapRecognizer = UITapGestureRecognizer(target: self, action: #selector(dismissPresentedView(_:)))
    tapRecognizer.cancelsTouchesInView = false
    presentedViewController.view.superview?.isUserInteractionEnabled = true
    presentedViewController.view.superview?.addGestureRecognizer(tapRecognizer)
}

@objc
private func dismissPresentedView(_ sender: Any?) {
    presentedViewController.dismiss(animated: true)
}

If anyone wants some copy pasta, this is how you do it from a custom UIPresentationController

Upvotes: 0

Talha Rasool
Talha Rasool

Reputation: 1152

You can use the below function some this check on the view name will not work but if you have more than one view the problem you will see that if you tap inside your second view the same action will perform. I would prefer to add tapGesture. This is the other solution. 

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {


}

Upvotes: 0

Santhosh Umapathi
Santhosh Umapathi

Reputation: 141

Swift 5.1:

This should help to dismiss the view once touched outside of the view.

 override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?)
    {
        let touch = touches.first
        if touch?.view != self.yourView
        { self.dismiss(animated: true, completion: nil) }
    }

Upvotes: 14

Frostmourne
Frostmourne

Reputation: 174

in my case I followed it by touchesEnded logic,

-(void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
    UITouch *touch = [touches anyObject];
    if([touch view]== self.UIViewThatNeedsToBeDismissed) {
        NSLog(@"inside view touch");
    } else {
        NSLog(@"release it");
    }
}

Upvotes: 0

Deepak Tagadiya
Deepak Tagadiya

Reputation: 2237

Swift

 override func touchesBegan(_ touches: Set<AnyHashable>, withEvent event: UIEvent) {
     var touch: UITouch? = touches.first
     if touch?.view != self.yourView {
         self.yourView.isHidden = true
     }
 }

Objective C

 - (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event  {
     UITouch *touch = [touches anyObject];
     if(touch.view != self.yourView){
         self.yourView.hidden = YES;
     }
 }

Upvotes: 4

Hanny
Hanny

Reputation: 1342

In Swift 4

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
     let touch = touches.first
     if touch?.view == self.view {
        commentsTxtView.resignFirstResponder()
    }
}

Upvotes: 10

Lakshmi Keerthana Siddu
Lakshmi Keerthana Siddu

Reputation: 690

In touch began you should write like

override func touchesBegan(_ touches: Set<AnyHashable>, withEvent event: UIEvent) {
    var touch: UITouch? = touches.first
    //location is relative to the current view
    // do something with the touched point
    if touch?.view != yourView {
        yourView.isHidden = true
    }
}

Upvotes: 53

Akhil Clement
Akhil Clement

Reputation: 685

You can use this method in swift 4.

add the tag number to the uiview you want to add action

override func touchesEnded(_ touches: Set<UITouch>, with event: UIEvent?)
{
    if touches.first?.view?.tag == 10{
        dismiss(animated: true, completion: nil)
        super.touchesEnded(touches , with: event)
    }
}

Upvotes: 0

WeiseRatel
WeiseRatel

Reputation: 543

You can achieve what you want doing the following (tested with Swift 4.1 and Xcode 9.3):

class ViewController: UIViewController {

    ...

    private var dismissViewTap: UITapGestureRecognizer?

    override func viewDidLoad() {

        super.viewDidLoad()

        dismissViewTap = UITapGestureRecognizer(target: self, action: #selector(dismissView))

        if let tap = dismissViewTap {

            view.addGestureRecognizer(tap)

        } // if let

    } // viewDidLoad

    @objc private func dismissView() {

        guard let tap = dismissViewTap else {

            return

        } // guard

        guard helpView.isHidden == false else {

            return

        } // guard

        helpView.isHidden = true

        view.removeGestureRecognizer(tap)

    } // dismissView

    ...

} // ViewController

If you want to keep the gesture recognizer (maybe because you open helpView more than once) change dismissView to this version:

...

@objc private func dismissView() {

    guard helpView.isHidden == false else {

        return

    } // guard

    helpView.isHidden = true

} // dismissView

...

That's all...!

Upvotes: 0

Clinton D&#39;Souza
Clinton D&#39;Souza

Reputation: 301

Inside the moreButton selected, you can do something like this

 @IBAction func moreButton(_ sender: Any)
    {
        self.helpView.isHidden = false
        let tap: UITapGestureRecognizer = UITapGestureRecognizer(target: self, action: #selector(UIViewController.dismissView))
        view.addGestureRecognizer(tap)
    }

    func dismissView() {
        self.helpView.isHidden = true
        self.view.removeGestureRecognizer(tap)
    }

Upvotes: 1

mrabins
mrabins

Reputation: 197

You could create another transparent button or, your base view (assuming it's a single view below the button) can then address what you're trying to do. First, you would need to make it tappable. Then you want to handle the logic for what happens when tapped, or untapped.

Upvotes: 0

Dharmesh Kheni
Dharmesh Kheni

Reputation: 71854

You can use touchesBegan method for that:

override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {

    self.helpView.isHidden = true
}

Upvotes: 4

Related Questions