UI button color setting

Hi. I have three buttons that are invisible (they have an white image icon behind it) and when clicked they display another color blue (image) which is the image attached to the button. They stay with that color when clicked and if I click again they get invisible again.
Problem is: when I click on another button I want that button that was blue/displaying the other image to remain like that. What is happening right now is that the button image turns invisible if I click on them or I click anywhere else (another button for example). I'll leave a screen-shot of the buttons all invisible and white icons ON and one with one ON with the blue image, respectively. Thanks

 

There's no default UI object for that. You'll need to create your own logic, either deriving from UI.Button or rolling your own. You'll need to hook into the various IPointerXYZHandler interfaces: https://docs.unity3d.com/ScriptReference/EventSystems.IPointerClickHandler.html

 

Thanks for the reply. But can I stay with my settings and apply this on top of it?

 

If you mean continue to use UI.Button and then also add this on top, not really -- at least not elegantly. The UI.Button will try to reset the graphic on mouse enters / exits while your code fights to keep it highlighted.

 

Got it. How can I do that color change effect with script?

 

Used OnPointerClick ty