UI 4.6 Flash effect/Saturation for Image?

So I have a functional workaround for this which I'm less than happy with, but it does work. For all of my buttons that need to have a flashing effect on the icon I actually give them 2 Image components (attached as separate children of the main button). One of these icons has the flash/saturation shader I listed earlier as a material set on that icon: http://answers.unity3d.com/questions/709687/shader-to-flash-a-2d-sprite-to-white.html

On start I set the flash icon to alpha 0 via a canvas group and then SetActive(false). Later on when I need that button to do it's flash effect I SetActive(true) on the secondary icon, then use an iTween.ValueTo with a call back to tween the alpha from 0 -> 1 -> 0 over the time the tween executes.

As I said this does work, but it means every button now has 2 icons, both have to be loaded when data changes etc. There must be a better way.

I am some years late, but here is how to make it work:

 using UnityEngine;
 using System.Collections;
 using UnityEngine.UI;
 
 public class ImageFlasher : MonoBehaviour {
     private Image image; 
     [Range(0, 1)]
     public float flash = 0;
 
     void Start() {
         image = gameObject.GetComponent<Image>();
         image.material = new Material(image.material);
     }
      
     void Update() {
         image.material.SetFloat("_FlashAmount", flash);
     }
 
 }

This is what solves the whole 'all images are flashing all at once'

 image.material = new Material(image.material);

Although, I assume that this makes so that the images stop batching, but who cares?

Maybe, you can use blink effect like this :

 void Update()
 {
         if (resIcon)
         {
             Color temp = resIcon.GetComponent<Image>().color;
             resIcon.GetComponent<Image>().color = new Color(temp.r,temp.g,temp.b,Mathf.Abs(Mathf.Sin(Time.time * 2f)));
         }
 }

You can do this with an animation. Highlight the button you're going to use as a prefab an open the Animation Window.

Add a curve and select Buttons.Colors.Highlighted then do the same and select Buttons.Colors.Normal.

Start the animation for both with the default color then set a new frame that'll be the middle one say half a second in and change the color for both Highlighted and Normal then set a new frame at one second an go back to the default color.

As a test I just created a script to flash when clicked and stop when clicked again:

 using UnityEngine;
 using System.Collections;
 
 public class FlashButton : MonoBehaviour {
     
     private bool playAnim = false;
     private Animator anim;
 
     void Start()
     {
         anim = GetComponent<Animator>();
     }
 
     public void switchFlash()
     {
         playAnim = !playAnim;
 
         anim.SetBool("flash", playAnim);
     }
 }

I made sure the button had an Animator element:

And set the Animator to have two states and a bool, I called the bool flash:

Start the game and clicked the button and it starts flashing, click again and it stops. Not exactly what you want but just animate the flash and take into account sometimes the button will be highlighted and sometimes it will be normal, cover both and you should be OK.

All you need to do is reference the script on the button to tell it when to flash, with my example that's with a click but if you have a reference for the button you can call the function when that buttons items increase.

Another late answer, but it's one I don't see so I'll post it in case someone's looking for alternative solutions to the ones above. This one worked particularly well for me since I wanted to Lerp to the white color.

Only drawback is that this method ignores alpha transparency of the original sprite.

1. Make a child object under the sprite you want to turn white.

2. Give it an Image component with default UI sprite.

3. Add Mask component to the parent object.

The original sprite will now be completely white, and you can Lerp the child image's color if you want a smooth transition between normal color and pure white.

Hope this helps someone :)