title: How to implement "Loading images" pattern (Opacity, Exposure and Saturation) from Google's new Material design guidelines
body: <p>Has anyone looked into implementing the <a href="https://material.io/archive/guidelines/patterns/loading-images.html" rel="nofollow noreferrer">Loading images</a> pattern from Google's latest Material Design guide.</p>
  
  <p>It's a recommended way that "illustrations and photographs may load and transition in three phases at staggered durations". Those being Opacity, Exposure and Saturation:</p>
  
  <p><img src="https://i.stack.imgur.com/XqLDE.png" alt="enter image description here"></p>
  
  <p>I'm currently using the Volley NetworkImageView (actually a derived class from this).</p>
  
  <p>I'm sure it's got to be some variant of <a href="https://stackoverflow.com/a/16936581/822164">the answer to this question</a>. I'm just not sure which classes/code to use for both the saturation and animation curves that are described.</p>