Animaciones de atenuaciónFade animations

Usa animaciones de atenuación para hacer aparecer o desaparecer elementos en la vista.Use fade animations to bring items into a view or to take items out of a view. Las dos animaciones de atenuación comunes son el fundido de entrada y de salida.The two common fade animations are fade-in and fade-out.

API importantes: clase FadeInThemeAnimation, clase FadeOutThemeAnimationImportant APIs: FadeInThemeAnimation class, FadeOutThemeAnimation class

Cosas que hacer y cosas que evitarDo's and don'ts

  • Cuando la aplicación realiza una transición entre elementos no relacionados o con mucho texto, usa el fundido de salida seguido de un fundido de entrada.When your app transitions between unrelated or text-heavy elements, use a fade-out followed by a fade-in. Esto permite que el objeto saliente desaparezca completamente antes de que el objeto entrante esté visible.This allows the outgoing object to completely disappear before the incoming object is visible.
  • Usa el fundido de entrada en los elementos entrantes o en los situados encima de los elementos salientes si su tamaño permanece constante y quieres que el usuario tenga la sensación de mirar al mismo elemento.Fade in the incoming element or elements on top of the outgoing elements if the size of the elements remains constant, and if you want the user to feel that they're looking at the same item. Una vez completado el fundido, el elemento saliente se puede quitar.Once the fade-in is complete, the outgoing item can be removed. Esta opción solo es viable cuando el elemento saliente estará completamente cubierto por el elemento entrante.This is only a viable option when the outgoing item will be completely covered by the incoming item.
  • Evita las animaciones de atenuación para agregar o eliminar elementos de una lista.Avoid fade animations to add or delete items in a list. En su lugar, usa las animaciones de lista creadas para ese propósito.Instead, use the list animations created for that purpose.
  • Evita las animaciones de atenuación para cambiar todo el contenido de una página.Avoid fade animations to change the entire contents of a page. En su lugar, usa las animaciones de transición de página creadas para este propósito.Instead, use the page transition animations created for that purpose.
  • El fundido de salida es una forma sutil para quitar un elemento.Fade-out is a subtle way to remove an element.