Directrices y lista de comprobación para animaciones de arrastrar y soltar (aplicaciones estilo Metro)

Usa dragSourceStart cuando el usuario empiece a mover un objeto directamente.
Incluye los objetos afectados en la animación si, y solo si, existen otros objetos que pueden verse afectados por la operación de arrastrar.
Permite que el objeto se mueva algo antes de desencadenar la animación dragSourceStart para iniciar una secuencia de arrastrar y soltar. Esto evitará que el usuario arrastre accidentalmente un objeto que solo quería pulsar o seleccionar. El umbral recomendado es de 20 píxeles independientes táctiles (TIP).
Usa dragSourceEnd para completar una secuencia de animación que comenzó con dragSourceStart. Esto revierte el cambio de tamaño en el objeto arrastrado causado por dragSourceStart.

Usa dragSourceEnd cuando el usuario suelte un objeto arrastrado.
Cuando un objeto se coloca para reordenar una lista, suele ser necesario volver a colocar los elementos existentes en la lista para hacer sitio a dicho elemento. Después de la animación dragSourceEnd, usa la animación addToList sin ningún elemento agregado, ya que el elemento que se va a agregar ya está presente. Esto hará que la animación mueva todos los elementos a sus posiciones correctas.
Si el origen del arrastre desaparece después de soltarse, usa la animación fadeOut. Esto se usa, por ejemplo, cuando se coloca un archivo en un icono de carpeta para guardar dicho archivo en esa carpeta.
Incluye los objetos afectados cuando uses dragSourceEnd si, y solo si, incluiste objetos afectados al usar la animación dragSourceStart.

No uses la animación dragSourceEnd si no has usado antes dragSourceStart. Tienen que usarse ambas para que todos los objetos vuelvan a sus tamaños originales después de completar la secuencia de arrastrar y colocar.

Cuando el usuario arrastre un objeto a una zona donde se puede soltar entre otros dos objetos, muestra la animación dragBetweenEnter cuando el objeto entre en la zona donde se puede soltar.
Elige una zona de destino para soltar razonable. Esta zona no debe ser demasiado pequeña; si no, el usuario tendrá dificultades para colocar el objeto arrastrado.

No uses la animación dragBetweenEnter si el origen del arrastre no se puede soltar en una zona. La animación dragBetweenEnter indica al usuario que el objeto arrastrado se puede soltar entre dos objetos que se encuentran debajo.

Cuando el usuario arrastre un objeto fuera de una zona donde se puede soltar entre otros dos objetos, muestra dragBetweenLeave cuando el objeto deje la zona donde se puede soltar.