UI Toolkit - prevent click through visual element

Question

Hello!

I've setup UI Toolkit button as a part of my in game interface and made it intractable. My game has ground that consists of 2D gameobjects (tiles). Player can press on these tiles to perform different actions. But whenever I press on button, both button event and tile event are triggered. I want to trigger button actions only, when I press on the button.

I've tried to switch from Unity UI to new Input System, but this doesn't give any results, the problem still exists.

Does anybody know how to prevent event execution of gameobject action when UI toolkit button is clicked?

Answer 1

Best Answer

Answer by andrew-lukasik · Jan 15 at 01:34 AM

I resolved this by iterating over VisualElements under the cursor then testing background colors of every element intersecting this coordinate and interpreting alpha!=0 as blocked click. Simple, works.

MyUIController.cs:

 [SerializeField] UIDocument _uiDocument = null;
 bool IsPointerOverUI ( Vector2 screenPos )
 {
     Vector2 pointerUiPos = new Vector2{ x = screenPos.x , y = Screen.height - screenPos.y };
     List<VisualElement> picked = new List<VisualElement>();
     _uiDocument.rootVisualElement.panel.PickAll( pointerUiPos , picked );
     foreach( var ve in picked )
     if( ve!=null )
     {
         Color32 bcol = ve.resolvedStyle.backgroundColor;
         if( bcol.a!=0 && ve.enabledInHierarchy )
             return true;
     }
     return false;
 }

MyTileComponent.cs:

 void OnMouseDown ()
 {
     Vector2 pointerScreenPos = Pointer.current.position.ReadValue();
     if( !myUIController.IsPointerOverUI(pointerScreenPos) )
         OnTileClicked();
 }

Add comment · Show 3 · Share

p1g30n · Jan 16 at 09:39 PM 1

Share

Very smart solution, thank you! Spent a couple of days brainstor$$anonymous$$g this issue, but that approach didn't cross my $$anonymous$$d :)

Oneiros90 · Apr 04 at 02:37 PM 0

Share

I'm using the old input system and this does not seem to work in editor if the game aspect ratio is on "Free Aspect". I'm using Input.mousePosition.

Oneiros90 Oneiros90 · Apr 04 at 02:50 PM 1

Share

I found a more reliable solution:

 public Vector2 MousePosition
 {
     get
     {
         var mousePos = new Vector2(Input.mousePosition.x, Screen.height - Input.mousePosition.y);
         return RuntimePanelUtils.ScreenToPanel(_root.panel, mousePos);
     }
 }

UI Toolkit - prevent click through visual element

1 Reply

Your answer

Follow this Question

Related Questions