Animazioni di trascinamentoDrag animations

Usa le animazioni di trascinamento quando gli utenti spostano oggetti, ad esempio spostano un elemento in un elenco o rilasciano un elemento su un altro.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 importanti: classe DragItemThemeAnimationImportant APIs: DragItemThemeAnimation class

Cosa fare e cosa non fareDo's and don'ts

Animazione di inizio trascinamentoDrag start animation

  • Usa l'animazione di inizio trascinamento quando l'utente inizia a spostare un oggetto.Use the drag start animation when the user begins to move an object.
  • Includi gli oggetti interessati nell'animazione esclusivamente se sono presenti altri oggetti che possono essere interessati dall'operazione di trascinamento.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 l'animazione di fine trascinamento per completare un'eventuale sequenza di animazione iniziata con l'animazione di inizio trascinamento.Use the drag end animation to complete any animation sequence that began with the drag start animation. In questo modo verrà annullata la modifica delle dimensioni dell'oggetto trascinato causata dall'animazione di inizio trascinamento.This reverses the size change in the dragged object that was caused by the drag start animation.

Animazione di fine trascinamentoDrag end animation

  • Usa l'animazione di fine trascinamento quando l'utente rilascia un oggetto trascinato.Use the drag end animation when the user drops a dragged object.
  • Usa l'animazione di fine trascinamento in combinazione con animazioni di aggiunta ed eliminazione per gli elenchi.Use the drag end animation in combination with add and delete animations for lists.
  • Includi gli oggetti interessati nell'animazione di fine trascinamento se e solo se li hai precedentemente inclusi nell'animazione di inizio trascinamento.Include affected objects in the drag end animation if and only if you included those same affected objects in the drag start animation.
  • Non usare l'animazione di fine trascinamento se non hai prima usato l'animazione di inizio trascinamento.Don't use the drag end animation if you have not first used the drag start animation. Devi usare entrambe le animazioni in modo che tutti gli oggetti tornino alle dimensioni originali al termine della sequenza di trascinamento.You need to use both animations to return objects to their original sizes after the drag sequence is complete.

Animazione di trascinamento tra due elementi in entrataDrag between enter animation

  • Usa l'animazione di trascinamento tra due elementi in entrata quando l'utente trascina l'origine del trascinamento in un'area di rilascio in cui può essere rilasciata tra altri due oggetti.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.
  • Scegli un'area di rilascio di destinazione ragionevole.Choose a reasonable drop target area. L'area non deve essere troppo piccola per non rendere difficile all'utente il posizionamento dell'origine del trascinamento per il rilascio.This area should not be so small that it is difficult for the user to position the drag source for the drop.
  • La direzione di spostamento degli oggetti interessati consigliata per mostrare l'area di rilascio è in linea retta, l'uno in senso opposto all'altro.The recommended direction to move affected objects to show the drop area is directly apart from each other. La direzione può essere verticale o orizzontale, a seconda dell'orientamento di un oggetto rispetto all'altro.Whether they move vertically or horizontally depends on the orientation of the affected objects to each other.
  • Non usare l'animazione di trascinamento tra due elementi in entrata se l'origine del trascinamento non può essere rilasciata in un'area.Don't use the drag between enter animation if the drag source cannot be dropped in an area. L'animazione di trascinamento tra due elementi in entrata indica all'utente che l'origine del trascinamento può essere rilasciata tra gli oggetti interessati.The drag between enter animation tells the user that the drag source can be dropped between the affected objects.

Animazione di trascinamento tra due elementi in uscitaDrag between leave animation

  • Usa l'animazione di trascinamento tra due elementi in uscita quando l'utente trascina via un oggetto da un'area in cui avrebbe potuto rilasciarlo tra altri due oggetti.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.
  • Non usare l'animazione di trascinamento tra due elementi in uscita se non hai prima usato l'animazione di trascinamento tra due elementi in entrata.Don't use the drag between leave animation if you have not first used the drag between enter animation.

Per gli sviluppatoriFor developers