title: Animation: In android how to scale & fade a view consisting of multiple lines of text from a central point
body: <p>I want to animate a view consisting of multiple lines of text as shown in link <a href="https://dl.dropboxusercontent.com/u/8003415/animation.gif" rel="noreferrer">https://dl.dropboxusercontent.com/u/8003415/animation.gif</a> . This view consists of two TextViews enclosed in a parent view.</p>
  
  <p>This parent view, contains two sets of animation.</p>
  
  <p>1) the first set of view contains multiple lines of text which gets scaled from normal to large and then fades out.</p>
  
  <p>2) second set of view contains another set of multiple text which fades and scales from small to normal.</p>
  
  <p>please note that scaling and fading should happen simultaneously.</p>
  
  <p>for the first set I designed the below animation set.This animation set scales((1,1)to (1.5,1.5))) and fades the text block from centre.</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;set xmlns:android="http://schemas.android.com/apk/res/android"
      android:interpolator="@anim/custom_decelerator" &gt;
  
      &lt;scale
          android:duration="50"
          android:fromXScale="1.0"
          android:fromYScale="1.0"
          android:pivotX="50%"
          android:pivotY="50%"
          android:toXScale="1.5"
          android:toYScale="1.5" /&gt;
  
      &lt;alpha
          android:duration="2000"
          android:fromAlpha="2.0"
          android:toAlpha="0.0" /&gt;
  
  &lt;/set&gt; 
  </code></pre>
  
  <p>and for the second set also scales ((-1,-1)to (1,1)))and fades the text block from centre</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;set xmlns:android="http://schemas.android.com/apk/res/android"
      android:interpolator="@anim/custom_decelerator" &gt;
  
      &lt;alpha
          android:duration="50"
          android:fromAlpha="0.0"
          android:toAlpha="0.2" /&gt;
  
      &lt;scale
          android:duration="3000"
          android:fromXScale="-1"
          android:fromYScale="-1"
          android:pivotX="50%"
          android:pivotY="50%"
          android:toXScale="1.0"
          android:toYScale="1.0" /&gt;
  
  &lt;/set&gt;
  </code></pre>
  
  <p>The problem is that, the two sets of animation is exactly not matching the animation specified in above link.</p>
  
  <p>The animation doesn’t seem to originate from the dead centre of the text blocks.</p>