OnHovered button color fade

Development Programming & Scripting UI
, , , , , ,
1

Hi there,
I’m trying to change the color (tint) of a widget button’s image at runtime when hovering with a FADE (white to blue there).
The default workflow is to set a different tint as Hovered button style, but the change is made in one tick. There is no way to animate the tint value and use this animation on hover. No way either to set the color using “set color and opacity” - which can be animated though, but doesn’t effectively change the color.
Any idea there ?

2

You can change it with a widget animation:

303126-anim.jpg
303126-anim.jpg1271×527 58.4 KB

EDIT: You have to do it on background color…

303127-color.gif

303128-widg.jpg
303128-widg.jpg1311×484 59.5 KB

3

Heck why the hell is this called BACKGROUND color if it doesnt change the Background ? :confused:
Also for some weird reason the color is not the same as expected - way too dark. Does it render in another way than the brush tint ?

4

Oh nvm it multiplies the background color with the hovered tint, I have to let the hovered tint as white. Thanks @ClockworkOcean !

5

Any chance to get this animation work for any button (instead of making one animation for each button) ?

6

i have the same question

7

I think you might be able to make a general purpose button widget class and then re-use it.

8

Im gonna do that, thanks

9

But how i can acces to the OnClicked event for each instance of the Button Class?

10

Also can the animation be baked in the instance and eventually be modified for each instance ?

11

That’s why I said ‘might’ :wink:

I have no idea actually…