title: Android gridView animation
body: <p><img src="https://i.stack.imgur.com/uZeoq.png" alt="enter image description here">I am trying to animate the child elements in my gridView. Everything goes fine but the top row somehow seems to translate from underneath the background instead of being translated/drawn on top of the background.</p>
  
  <p>xml for gridView</p>
  
  <pre><code>&lt;RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:orientation="vertical" 
  android:background="#000000"&gt; 
  
   &lt;GridView 
      android:id="@+id/gameButton"
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"
      android:numColumns="4"
      android:layout_centerInParent="true"
      android:gravity="center_horizontal"/&gt;
  </code></pre>
  
  <p>The animation used on each element</p>
  
  <pre><code>&lt;set xmlns:android="http://schemas.android.com/apk/res/android"
  android:shareInterpolator="false"&gt;
  
    &lt;translate
      android:fromYDelta="-25%p"
      android:toYDelta="0%p"
      android:duration="700"
      android:fillAfter="false"
      android:startOffset="50"
      android:interpolator="@android:anim/accelerate_decelerate_interpolator" /&gt;
  
  &lt;/set&gt;
  </code></pre>
  
  <p>Instead of being drawn on the black bg it is somehow below the bg</p>