title: How to animate a radial gradient with a zoom-in animation?
body: <p>I would like to animate a gradient to show this background style:</p>
  <blockquote>
  <ul>
  <li><p><a href="https://www.youtube.com/watch?v=QdDbMnwqr1o&amp;feature=youtu.be" rel="nofollow noreferrer">This</a> at minute 0:36-0:41.</p>
  </li>
  <li><p>Or in <a href="https://www.kirupa.com/animations/animating_circular_concentric_stripes.htm" rel="nofollow noreferrer">This</a> article(the animation, not plain image).</p>
  </li>
  <li><p>Or Something like this:</p>
  </li>
  </ul>
  <p><a href="https://i.stack.imgur.com/1N9PI.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1N9PI.gif" alt="enter image description here" /></a></p>
  </blockquote>
  <p>I need to suit for a loading screen and for a custom dialog animation in the background.</p>
  <p>for now the reason I Want this is to show my user a new generated password(the process in generating and creating it and than showing the result generated password).</p>
  <p>I've searched many many websites and YouTube links to it and most of them aren't using java or just explaining how to make a radial gradient as I have in a plain screen without the animation I desire.</p>
  <p>I have the following gradient:</p>
  <pre><code>&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
  &lt;shape xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;
      android:shape=&quot;rectangle&quot;&gt;
      &lt;gradient
          android:type=&quot;radial&quot;
          android:gradientRadius=&quot;100%p&quot;
          android:startColor=&quot;#F1F1F1&quot;
          android:endColor=&quot;#83a6aa&quot; /&gt;
  &lt;/shape&gt;
  </code></pre>
  <p>The colors or the width and height does not matter to me, I need this animation, I would like to know how to do it so I can do it for as many colors or situation I desire.</p>