Animaciones de arrastreDrag animations

Usa animaciones de arrastrar y colocar cuando los usuarios muevan objetos, por ejemplo, cuando muevan un elemento dentro de una lista o coloquen un elemento encima de otro.Use drag-and-drop animations when users move objects, such as moving an item within a list, or dropping an item on top of another.

API importantes: clase DragItemThemeAnimationImportant APIs: DragItemThemeAnimation class

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

Animación de inicio de arrastreDrag start animation

  • Usa la animación de inicio de arrastre cuando el usuario empieza a mover un objeto.Use the drag start animation when the user begins to move an object.
  • Incluye los objetos afectados en la animación solo si existen otros objetos que puedan verse afectados por la operación de arrastrar y colocar.Include affected objects in the animation if and only if there are other objects that can be affected by the drag-and-drop operation.
  • Usa la animación de fin de arrastre para completar todas las secuencias de animaciones que empiecen con la animación de inicio de arrastre.Use the drag end animation to complete any animation sequence that began with the drag start animation. Esto revierte el cambio de tamaño en el objeto arrastrado causado por la animación de inicio de arrastre.This reverses the size change in the dragged object that was caused by the drag start animation.

Animación de fin de arrastreDrag end animation

  • Usa la animación de fin de arrastre cuando el usuario coloca un elemento arrastrado.Use the drag end animation when the user drops a dragged object.
  • Usa la animación de fin de arrastre en combinación con las animaciones de agregar y eliminar para las listas.Use the drag end animation in combination with add and delete animations for lists.
  • Incluye los objetos afectados en la animación de fin de arrastre si, y solo si, incluiste los mismos objetos afectados en la animación de inicio de arrastre.Include affected objects in the drag end animation if and only if you included those same affected objects in the drag start animation.
  • No uses la animación de fin de arrastre si no has usado antes la animación de inicio de arrastre.Don't use the drag end animation if you have not first used the drag start animation. Necesitas usar ambas para que todos los objetos vuelvan a sus tamaños originales después de completar la secuencia de arrastrar.You need to use both animations to return objects to their original sizes after the drag sequence is complete.

Animación de entrada de arrastre entreDrag between enter animation

  • Usa la animación de entrada de arrastre entre cuando el usuario arrastra el origen de arrastre hacia un área de colocación donde se pueda colocar entre otros dos objetos.Use the drag between enter animation when the user drags the drag source into a drop area where it can be dropped between two other objects.
  • Elige una zona de destino para soltar razonable.Choose a reasonable drop target area. Esta zona no debe ser demasiado pequeña ya que podría resultarle difícil al usuario colocar el origen de arrastre.This area should not be so small that it is difficult for the user to position the drag source for the drop.
  • La dirección recomendada para mover los objetos afectados y mostrar el área de colocación es apartarlos entre sí.The recommended direction to move affected objects to show the drop area is directly apart from each other. El hecho de que sea en vertical u horizontal depende de la orientación de los objetos afectados entre sí.Whether they move vertically or horizontally depends on the orientation of the affected objects to each other.
  • No uses la animación de entrada de arrastre entre si el origen de arrastre no se puede colocar en un área.Don't use the drag between enter animation if the drag source cannot be dropped in an area. La animación de entrada de arrastre entre le indica al usuario que el origen de arrastre se puede colocar entre los objetos afectados.The drag between enter animation tells the user that the drag source can be dropped between the affected objects.

Animación de salida de arrastre entreDrag between leave animation

  • Usa la animación de salida de arrastre entre cuando el usuario arrastra un objeto alejándolo de un área donde lo podría haber colocado entre otros dos objetos.Use the drag between leave animation when the user drags an object away from an area where it could have been dropped between two other objects.
  • No uses la animación de salida de arrastre entre si no has usado antes la animación de entrada de arrastre entre.Don't use the drag between leave animation if you have not first used the drag between enter animation.

Para desarrolladoresFor developers