2012-05-04 14 views
6

He visto this nice effect y me gustaría utilizar algo similar en una aplicación que estoy diseñando en este momento. Estoy asumiendo que esta no es una de las transiciones 'estándar'.iOS vista animación 'plegable'

¿Alguien sabe cómo algo así podría lograrse? Realmente no busco una muestra de código detallada, más una visión general de alto nivel/un empujón en la dirección correcta.

Respuesta

6

lo haría así:

  1. Cree dos capas:. Uno para el lado izquierdo y otro para el lado derecho de la vista que desea doblar por la

  2. En estas capas , renderice una imagen del lado izquierdo o derecho de la vista para plegar, respectivamente. El método renderInContext: debería hacer esto en la mayoría de los casos.

  3. La posición inicial de las dos capas está en el borde izquierdo de la pantalla (x = 0.0). Establezca el punto de anclaje de la capa izquierda en (0.0, 0.5) y la capa derecha en (1.0, 0.5). También debe asignar una transformación de rotación alrededor del eje y a las capas: -90 grados para la capa izquierda y +90 grados para la capa derecha (o al revés, no estoy seguro, pruébelo).

  4. Ahora cuando el usuario activa la acción de plegado, comience una animación (o vaya junto con un gesto) que restablece las transformaciones de las dos capas a la matriz de identidad. Probablemente también deba ajustar la posición de la capa correcta para que no se adhiera al borde izquierdo de la pantalla.

  5. Sólo cuando la animación/gesto es completa, reemplace las dos capas (que contienen sólo una imagen estática) con el punto de vista real que quería doblar por la.