Diretrizes e lista de verificação para animação de arrastar e soltar (aplicativos estilo Metro)

Use dragSourceStart quando o usuário começar a mover um objeto diretamente.
Inclua os objetos afetados na animação se, e apenas se, houver outros objetos que possam ser afetados ao arrastar.
Permita um certo movimento de objetos antes de acionar a animação dragSourceStart para iniciar uma sequência de arrastar e soltar. Isso impedirá que o usuário arraste acidentalmente um objeto que ele apenas pretendia selecionar ou tocar. O limite recomendado é de 20 pixels independentes de toque (TIPs).
Use dragSourceEnd para concluir uma sequência de animação que começou com dragSourceStart. Isso reverte a alteração de tamanho no objeto arrastado causada por dragSourceStart.

Use dragSourceEnd quando o usuário soltar um objeto arrastado.
Ao arrastar um objeto para reordenar a lista, geralmente é necessário reposicionar os itens existentes na lista para liberar espaço para o item que está sendo solto. Após a animação dragSourceEnd, use a animação addToList sem item adicionado, porque o item que está sendo adicionado já está presente. Isso executará a animação para mover todos os elementos em suas posições adequadas.
Se a fonte da operação de arrastar for desaparecer no final, use a animação fadeOut. Isso é usado, por exemplo, quando um arquivo é solto no ícone de uma pasta para armazenar o arquivo nessa pasta.
Inclua os objetos afetados ao usar dragSourceEnd se, e apenas se, você tiver incluído os objetos afetados ao usar a animação dragSourceStart.

Não use a animação dragSourceEnd caso você não tenha usado dragSourceStart primeiro. Ambas devem ser usadas para que todos os objetos retornem aos seus tamanhos originais depois que a sequência de arrastar e soltar for concluída.

Quando o usuário arrastar um objeto para uma área onde ele pode ser solto entre dois objetos, mostre a animação dragBetweenEnter quando esse objeto entrar na área para soltar.
Escolha uma área de destino razoável para soltar. Essa área não deve ser muito pequena ao ponto de dificultar que o usuário posicione a fonte da operação de arrastar.

Não use a animação dragBetweenEnter caso a fonte da operação de arrastar não possa ser solta em uma área. A animação dragBetweenEnter informa ao usuário que o objeto que está sendo arrastado pode ser solto entre os objetos abaixo dele.

Quando o usuário arrasta um objeto de uma área onde ele pode ser solto entre dois outros objetos, mostre dragBetweenLeave quando esse objeto sair da área para soltar.