[SOLVE] OnMouseEnter not working on UI elements

Questions & Answers
1

Hey guys!

First time asking here, I’m really new to scripting in C#, so this might be an over sight on my end, but I’m trying to change the alpha value of the image on the Button UI element.

So the results I’m trying to achieve is on start up, the Button is semi transparent, and when you mouse over the button, it will become fully opaque, and once the mouse leave, the button is transparent again.

This is the Script I made

	private Button button;
	public Color color;
	
	void Start()
	{
			button = GetComponent<Button>();
			color.a = .7f;
			button.image.color = color;
			print ("Start");
	}

	void OnMouseEnter()
	{
		color.a = 1f;
		button.image.color = color;
		print ("highlight");
	}
	
	void OnMouseExit()
	{
		color.a = 0.7f;
		button.image.color = color;
		print ("Exit");
	}

I’ve tried adding both a Box Collider and a Box Collider2D but it still doesn’t print anything on the console when I mouse over. Any help on the subject would be much appreciated!

Sincerely,
Jason

1 Like
3

Figured out! Add am Event Trigger component to the button. and add Poiner Enter Event Type. Drag the button that have the script and set the function!

2

I do not think it works on UI elements.

It works on Colliders and “GUIElement” which is the name for the GUI system that was used before OnGUI.

The new UI uses Pointer methods which require you to ‘implement’ callbacks (IPointerEnterHandler etc) in your scripts and make use of the Event System.

http://docs.unity3d.com/ScriptReference/MonoBehaviour.OnMouseEnter.html