En iOS, puede hacer lo siguiente:
Probablemente quieras usar Core Animation para lograr este efecto.
1. Configure dos vistas, una para la “vista frontal” y otra para la “vista posterior”.
- En ANDROID he desarrollado una aplicación de canciones mp3 sin conexión. Quiero reproducir todas las canciones una por una automáticamente con un solo clic. ¿Qué código uso?
- Aplicaciones de Android: ¿Cómo puedo replicar la función de WhatsApp 'haga clic en el nombre del grupo desde la barra de acción' para obtener la lista de miembros del grupo? ¿Cómo puedo agregar una barra de acción en la que se pueda hacer clic y cuyo texto se pueda cambiar al nombre del grupo (¿es una ruleta?)
- ¿Qué se puede jugar a través de Bluetooth o Wi-Fi a través de móviles Android?
- ¿Cuánto cuesta construir una aplicación de Android en India?
- ¿Nunca debería usar TimerTask en mi código de Android?
2. Establezca la propiedad doubleSided de la capa de ambas vistas en NO. En el caso de Path, la “vista frontal” es la portada del álbum, y la “vista posterior” es la vista de información del álbum.
Agregue estos a una vista principal común.
3. Ejecute un CAAnimationGroup en la capa principal con estas dos animaciones:
- Animación de escala en los ejes X e Y (transform.scale.y, transform.scale.x)
- Traduzca la animación hacia arriba en el eje Y (transform.translation.y)
4. Al mismo tiempo, querrá voltear su “vista frontal” y “vista posterior”, esto se puede hacer aplicando una animación de rotación alrededor del Eje Y (transform.rotation.y) en ambas vistas. Gire la vista frontal de 0 a PI y la vista posterior de 0 a -PI.
5. Para lograr la perspectiva adecuada para la animación, querrá establecer el valor “m34” de la matriz de transformación de subcapa de la vista principal común. Al igual que:
CATransform3D perspectiveTransform = CATransform3DIdentity; perspectiveTransform.m34 = -1.0f / 850.0f; parentView.layer.sublayerTransform = perspectiveTransform;
Esto debería lograr un efecto similar a la animación de volteo de Path. Además, es probable que no desee configurar su “vista posterior” por adelantado, y puede retrasar esto hasta que se complete la animación y desvanecerse en el contenido de su “vista posterior”. También asegúrese de que las máscaras de tamaño automático en sus vistas frontal y posterior estén configuradas en altura y ancho flexibles.