Android: Gardient animation in tab layout
<p>This is the start screen when my app starts:</p>

<p><img src="http://i.stack.imgur.com/zoBM1.png" alt="enter image description here"></p>

<p>I want a increasing glow when tab is activated, and decreasing glow when tab left.</p>

<p>This is my selector file:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;selector xmlns:android="http://schemas.android.com/apk/res/android"&gt;
&lt;!-- Non focused states --&gt;
&lt;item android:state_focused="false"
      android:state_selected="false"
      android:state_pressed="false"
      android:drawable="@drawable/reverse_animation" /&gt;
&lt;item android:state_focused="false"
      android:state_selected="true"
      android:state_pressed="false"
      android:drawable="@drawable/animation" /&gt;

&lt;!-- Focused states --&gt;
&lt;item android:state_focused="true"
      android:state_selected="false"
      android:state_pressed="false"
      android:drawable="@drawable/animation" /&gt;
&lt;item android:state_focused="true"
      android:state_selected="true"
      android:state_pressed="false"
      android:drawable="@drawable/animation" /&gt;

&lt;!-- Pressed --&gt;
&lt;item android:state_pressed="true"
      android:drawable="@drawable/pressed" /&gt;
</code></pre>

<p></p>

<p>This is my animation file:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;

&lt;animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="true" android:visible="true" &gt;
&lt;item
    android:drawable="@drawable/phase1"
    android:duration="20" /&gt;
 &lt;item 
    android:drawable="@drawable/phase2" 
    android:duration="20" /&gt;    
&lt;item 
    android:drawable="@drawable/phase3" 
    android:duration="20" /&gt;    
 &lt;item 
    android:drawable="@drawable/phase4" 
    android:duration="20" /&gt;     
  &lt;item 
    android:drawable="@drawable/phase5" 
    android:duration="20" /&gt;      
   &lt;item 
    android:drawable="@drawable/phase6" 
    android:duration="20" /&gt;       
   &lt;item 
    android:drawable="@drawable/phase7" 
    android:duration="20" /&gt;       
   &lt;item 
    android:drawable="@drawable/phase8" 
    android:duration="20" /&gt;      
   &lt;item 
    android:drawable="@drawable/phase9" 
    android:duration="20" /&gt;       
   &lt;item 
    android:drawable="@drawable/phase10" 
    android:duration="20" /&gt;       
   &lt;item 
    android:drawable="@drawable/phase11" 
    android:duration="20" /&gt;
   &lt;item 
    android:drawable="@drawable/phase12" 
    android:duration="20" /&gt;
</code></pre>

<p></p>

<p>Problem is when app starts activated tab does not have glow, but the two other tabs have the glow.</p>

<p>I have use gradient in each phase file and increased radius in each of them.
In reverse_animation file I starts with phase12 to phase1</p>

<p>This is phase1:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;shape xmlns:android="http://schemas.android.com/apk/res/android"     
android:shape="rectangle" &gt;

&lt;gradient 
    android:type="radial"
    android:gradientRadius="1"
    android:startColor="#DD02e4ff"
    android:centerY="-0.16" /&gt;

&lt;/shape&gt;
</code></pre>

<p>Please I need help on default setting of the tab. The Audio tab should be glow, not the other tabs. I have tried so many possible combination in selector file, but not able to achieve this. Thanks!</p>
