Compartir a través de

Arrastrar animaciones

  • Artículo

Use animaciones de arrastrar y colocar cuando los usuarios muevan objetos, como mover un elemento dentro de una lista o colocar un elemento encima de otro.

API importantes: Clase DragItemThemeAnimation

Cosas que hacer y cosas que evitar

Animación de inicio de arrastre

  • Use la animación de inicio de arrastre cuando el usuario empiece a mover un objeto.
  • Incluya objetos afectados en la animación si y solo si hay otros objetos que pueden verse afectados por la operación de arrastrar y colocar.
  • Use la animación de extremo de arrastre para completar cualquier secuencia de animación que comience con la animación de inicio de arrastre. Esto invierte el cambio de tamaño en el objeto arrastrado causado por la animación de inicio de arrastre.

Animación de fin de arrastre

  • Use la animación de extremo de arrastre cuando el usuario coloque un objeto arrastrado.
  • Use la animación de extremo de arrastre en combinación con animaciones de adición y eliminación para listas.
  • Incluya objetos afectados en la animación de finalización de arrastre si y solo si incluyó esos mismos objetos afectados en la animación de inicio de arrastre.
  • No use la animación de extremo de arrastre si no ha usado primero la animación de inicio de arrastre. Debe usar ambas animaciones para devolver objetos a sus tamaños originales una vez completada la secuencia de arrastre.

Arrastrar entre entrar animación

  • Use la animación de arrastrar entre entrar cuando el usuario arrastre el origen de arrastre a un área de colocación donde se pueda colocar entre otros dos objetos.
  • Elija un área de destino de colocación razonable. Este área no debe ser tan pequeña que sea difícil para el usuario colocar el origen de arrastre para la colocación.
  • La dirección recomendada para mover objetos afectados para mostrar el área de colocación se separa directamente entre sí. Tanto si se mueven vertical o horizontalmente depende de la orientación de los objetos afectados entre sí.
  • No use la animación de arrastrar entre entrar si no se puede colocar el origen de arrastre en un área. La animación de arrastrar entre entrar indica al usuario que el origen de arrastre se puede colocar entre los objetos afectados.

Arrastrar entre animación de salida

  • Use la animación de arrastrar entre salir cuando el usuario arrastre un objeto fuera de un área donde podría haberse quitado entre otros dos objetos.
  • No use la animación de arrastrar entre salir si no ha usado primero la animación de arrastrar entre entrar.

Para desarrolladores