How do I close a ui panel when a tap occurs outside of the panel area?

Question

I've checked the "MaskableGraphic" input callbacks, nothing is being triggered. I'd like to have a panel be closed when the user taps/clicks outside of the panel area.

I understand that a "ui panel" is not a "real" object in 4.6, but the idea is that I have a window type that is compromised of images/game objects/etc.

Answer 1

Answer by jeThomas · Oct 26, 2014 at 05:07 AM

Alright, I've come up with a solution for you :)

Been messing with the UI Panels. Alright, within your UI Panel, what you want to do, is click Add Component>Event Trigger. Add a Deselect Method. While in Deselect>All>UI Panel Game Object (whatever you have named your Panel), from the drop down menu click GameObject>Set Active(bool)>Toggle Box Deselected. (Okay, first have to click the panel itself before you click outside the panel for it to deactivate itself. Hope this works for you mann.

Add comment · Show 2 · Share

omaglana · Sep 24, 2018 at 01:17 PM 0

Share

Broh, you are one freaking wizerd. Rather than doing calculations which costs memory and so.

UnityIco · Sep 09, 2019 at 03:13 PM 0

Share

And on top of it, if you want the panel to be selected when it is enabled ( so you dont have to click on the panel to select it) you can use this short sample :

 public class UIElementSelected : MonoBehaviour
 {
     EventSystem eventSystem;
 
     private void Awake()
     {
         eventSystem = FindObjectOfType<EventSystem>();
     }
 
     private void OnEnable()
     {
         eventSystem.SetSelectedGameObject(this.gameObject);
     }
 }

But this will not allow buttons to be clicked on the panel. So I found a forum with a more suitable answer for me : https://forum.unity.com/threads/ui-detect-a-click-anywhere-except-on-the-ui.516546/

Answer 2

Answer by judy3turn · Jan 13, 2015 at 10:13 PM

Why not just disable the panel as a game object - that is how I've been managing them and it works great so far. I was here looking for an answer to another question but thought I'd mention this is working for me.

Add comment · Share

Answer 3

Answer by hiyuch · Sep 03, 2015 at 02:50 PM

Here is my panel script:

public class PanelMaskScript : MonoBehaviour ,IPointerDownHandler {
public void OnPointerDown(PointerEventData eventData) { this.gameObject.SetActive(false);
}

}

Add comment · Share

How do I close a ui panel when a tap occurs outside of the panel area?

3 Replies

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions