Cómo animar una vista para ocultarla debajo de otra vista y luego animar desde esa vista

Question

Tengo dos vistas de cuadrícula para las que me gustaría crear una animación personalizada. Imagínese este diseño:

 
___________________________________________ 
|           | 
|           | 
|    TOP Grid     | 
|           | 
|_________________________________________| 
|           | 
|           | 
|     BOTTOM     | 
|     Grid     | 
|           | 
|_________________________________________| 

La rejilla inferior se 'deslice hacia fuera' y 'slide' detrás de la rejilla superior. Me imagino que debería usar una animación de traducción. ¿Cómo puedo averiguar el fromX & fromY values? Pensé que podría tener View en un Layout, y luego establecer la animación como RelativeToParent.

¿Es este el enfoque correcto? Si conoces algún lugar donde pueda encontrar el código fuente para esta funcionalidad, lo agradecería enormemente. Gracias,

Answer 1

Pruebe esto slide-out & slide-in Animaciones.

slide-top-in.xml

<set xmlns:android="http://schemas.android.com/apk/res/android"> 
    <translate xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/linear_interpolator" 
    android:fromYDelta="0" 
    android:toYDelta="-100%p" 
    android:duration="1000" 
       /> 
    </set> 

slide-top-out.xml

<translate xmlns:android="http://schemas.android.com/apk/res/android" 
    android:interpolator="@android:anim/linear_interpolator" 
    android:fromYDelta="-100%p" 
    android:toYDelta="0" 
    android:duration="1000" />