How to click on button that is behind transparent image in New UI?

Question

I'm having trouble finding out how to click on a button that is behind a image that I use as a mask of some sort. Can i make that image unclickable? It seems reasonable that images are unclickable objects, but when the image is in front of the button then I cant get buttons to work. After I move the image in hierarchy or disable game object the click works.

Is there any way to handle what is clickable and not in the new UI? (I've tried ignore raycast layer with no luck)

Thank you in advance.

Answer 1

Best Answer

Answer by Mmmpies · Feb 10, 2015 at 10:59 AM

You can put a CanvasGroup on the panel and untick interactable and blocksRaycast or move the button down the hierarchy when you want it in front of the panel. Not got access to unity so from memory its setlastsibling.

Add comment · Show 5 · Share

MDarkwing · Feb 10, 2015 at 11:10 AM 0

Share

panel object doesn't have interactable checkbox dude. And i need mask in front of the buttons for visual effect, as I've stated above I know that i can move elements down and up both manually and via script. Im looking into the Canvas.GraphicRaycasterScript now to see if i can do sonething with it

Mmmpies · Feb 10, 2015 at 11:12 AM 0

Share

Highlight the panel.

Click Add Component -> CanvasGroup

The tick boxes are on there.

MDarkwing · Feb 10, 2015 at 11:16 AM 0

Share

Thanks you it worked but kinda retarded way to do it, complicates stuff a lot. Thanks anyway man. (Y)

Mmmpies · Feb 10, 2015 at 11:24 AM 0

Share

Hey I didn't create the UI, but I can see how having a separate component that can make any UI element or group of elements visible/interactable/blockRaycast is neater than adding all of those to each UI component as default.

MDarkwing · Feb 10, 2015 at 11:27 AM 0

Share

Yeah no bad things meant to you man, I'm just annoyed untill I get more comfort with the new UI. You helped me thus you rock :D

Answer 2

Answer by Carlotes247 · Dec 21, 2015 at 02:58 AM

Hello, just to update it with Unity 5.3, you can deselect a boolean field in the Image component, called "Raycast Target". It ignores the raycast of the event system and there is no need of adding another component :)

alt text

captura-unity.jpg (21.2 kB)

Add comment · Show 1 · Share

fr0stsp1k3 · Sep 03, 2018 at 07:22 PM 0

Share

This is ABSOLUTELY the best way to do it, this should be the answer! Way many kudos, been making panels, and it didnt work properly.

How to click on button that is behind transparent image in New UI?

2 Replies

Your answer

Welcome to Unity Answers

Follow this Question

Related Questions