it-swarm-es.com

Transiciones de actividad en Android

Desde el nivel 5 de la API, hemos tenido fácil acceso a overridePendingTransition, lo que nos permite reemplazar las transiciones estándar de diapositivas izquierda/derecha con todo tipo de locura. Acabo de notar que la última actualización de Google Maps está usando el desvanecimiento para muchas transiciones (no estoy seguro si siempre lo ha hecho, pero lo noté después de la última actualización).

Mis preguntas son:

  1. ¿Cómo podemos usar diferentes transiciones para ayudar a los usuarios a comprender el flujo de la aplicación?
  2. ¿De qué debemos tener cuidado al anular las transiciones predeterminadas?

Estoy considerando usar transiciones de diapositivas entre diferentes "secciones", es decir. desde una página de inicio a una lista de artículos, y luego, por ejemplo, se desvanecen entre diferentes pantallas dentro de la sección de artículos (es decir, mostrar artículo, comentarios, etc.). La idea aquí es que la diapositiva es como moverse de una habitación a otra, mientras que el desvanecimiento es más como dar la vuelta o cambiar el enfoque.

¿Alguna idea?

8
Gunnar Lium

Buena pregunta. Debe consultar Pautas de la interfaz de usuario de Android para ver si tienen alguna documentación al respecto.

No estoy lo suficientemente familiarizado con Android directrices (a pesar de poseer un Nexus One, supongo que eso dice algo sobre la calidad de las aplicaciones) para poder hacer una suposición razonable, pero creo que usted debe tratar de cumplir con los estándares de la plataforma tanto como pueda.

Pero si Google no recomienda nada, me gustaría ver si realmente hay alguna diferencia significativa entre, por ejemplo, una diapositiva y un desvanecimiento en términos de comunicarle al usuario que el estado de la aplicación está cambiando. Después de todo, las animaciones sirven en gran medida a ese propósito. Ciertas animaciones como el zoom son más significativas porque los usuarios las asocian con cosas como mapas (o al menos planos vistos desde "arriba") pero no creo que la mayoría de las animaciones como slide/wipe/fade/etc tengan asociaciones específicas.

3
Rahul

@Gunnar No estoy seguro de que left = new y right = back. De hecho, muchas aplicaciones que uso en mi Android parecen no usar ningún patrón en particular. Las nuevas tareas a menudo simplemente se apoderan de la pantalla y muchas se deslizan desde la izquierda o la derecha.

Cuando se trata de comentarios o detalles dentro de un artículo, en una interfaz pequeña, sé que mi preferencia es revelar en contexto siempre que sea posible. Eche un vistazo al comportamiento de la versión web móvil de Google Reader en el navegador. La forma en que se cargan los datos (es decir, Ajax vs carga completa) también sería una decisión a tener en cuenta, pero creo que el desvanecimiento o la diapositiva sugieren algo completamente diferente.

Ciertamente, podría usar una diapositiva direccional para indicar el flujo de la aplicación. Para mí, el desvanecimiento sugiere un flujo diferente, mientras que ocultar/revelar sugiere dentro del contexto. Si tiene una aplicación específica que está creando, puede probar diferentes variantes a través de un prototipo y solicitar opiniones de los usuarios.

1
jameswanless

Es una pregunta bastante subjetiva en realidad. Para mí, la animación de transición predeterminada, es decir, la nueva actividad que se mueve desde la derecha y la actividad anterior que se mueve desde la izquierda se siente natural y correcta.

Realmente no puedo decirte dónde usaría las animaciones de aparición y desaparición gradual para ser honesto, pero para mí no tiene sentido tratar de comunicarlo usando estos efectos.

Sin embargo, en mi opinión, una combinación de ambos sería la mejor manera de comunicar que se está moviendo a otra parte en la misma aplicación, mientras que la animación predeterminada comunica que está cambiando a otra aplicación.

Hay otro ejemplo en las demostraciones de API llamado Transition3d que es una buena idea en casos especiales. Partiendo de eso, también se podría intentar simular algún tipo de cubo en el que cambiar a otra parte de su actividad gira el cubo hacia adelante y hacia atrás.

0

Sigue el ejemplo de iOS. Las diapositivas a la izquierda tienen sentido a medida que navega más profundo (de ancho a estrecho) en una pieza de contenido. La derecha se desliza cuando vas de estrecho a ancho Otra transición que aplican las pautas de iOS es cuando las pantallas modales deben presentarse. Antes de profundizar en algo, diga que necesita que el usuario envíe su nombre de usuario o código postal o algo así. Dado que esta pantalla solo aparecerá una vez y es modal, bloqueando el flujo de la aplicación, la pantalla se desliza desde la parte inferior.

0
Arpit