UI pointer multiple images

[Andorix]

Hi! Within a canvas I have a UI image (fingerprint circle in screenshot). When I hover over it I would like 2 new images to be activated (red and green circles in the screenshot), using UIOnPointerEnterEvent. The red+green circles are clickable, also raycasting. If I leave the area (pink oval in screenshot) I would like the red+green circles to deactivate, using UIOnPointerExitEvent.

The problem arises when the mouse hovers over the red/green circle- Unity registers this as leaving the pink oval (leave area), UIOnPointerExit is triggered and the red+green circle images get deactivated. I would like this to happen only when the mouse leaves the entire pink oval area. Is this not possible since multiple raycasting images on top one another always interfere? What is a possible solution?

Thanks!

[djaydino]

Hi.
Have you tried if this one works :
UiIsPointerOverUiObject

[Andorix]

Hi, not sure how this would help?
Since UiIsPointerOverUiObject tests for all UI indiscriminately...
I need an object that tests if the pointer left a specific UI area, hence I used UiOnPointerExitEvent, because you can choose which gameobject to test.
The problem is that when I enter the area of a separate gameobject, placed on top of the 1st object, the 1st object registers this as "leaving" it's area. Yet the mouse pointer is still technically on top of it, just separated by an extra UI object.

I did try to use the event you suggested though, like this: State1 - UiOnPointerExitEvent. If the event is sent, we flow to State2 - UiIsPointerOverUiObject. If pointer is over UI, we return to State1. If not, we return to State0 - UiOnPointerEnterEvent. But since all the background is made of UI objects, it always returns to State1 (I tried turning off raycasting for all of them).

[Andorix]

bump..

[Andorix]

final bump..

[djaydino]

HI.
you probably need to add some checkers , something like :
On pointer exit :
if new raycast object = red or green circle, do next frame event and go back to UiIsPointerOverUiObject