Linee guida ed elenco di controllo per le animazioni delle azioni di trascinamento (app in stile Metro)

Uso appropriato di dragSourceStart

  • Usa dragSourceStart quando l'utente inizia a spostare un oggetto direttamente.
  • Includi gli oggetti interessati nell'animazione se e solo se ci sono altri oggetti che possono essere interessati dal trascinamento.
  • Consenti qualche movimento dell'oggetto prima di attivare l'animazione dragSourceStart per avviare una sequenza di trascinamento. In questo modo l'utente non trascinerà accidentalmente un oggetto che voleva solo toccare o selezionare. La soglia consigliata è di 20 TIP (Touch Independent Pixel).
  • Usa dragSourceEnd per completare una sequenza di animazione iniziata con dragSourceStart. In questo modo verrà annullata la modifica delle dimensioni dell'oggetto trascinato causata da dragSourceStart.

Uso appropriato di dragSourceEnd

  • Usa dragSourceEnd quando l'utente rilascia un oggetto trascinato.
  • Quando un oggetto viene rilasciato per riordinare un elenco, è spesso necessario riposizionare gli elementi esistenti nell'elenco per fare posto all'elemento rilasciato. Dopo l'animazione dragSourceEnd, usa l'animazione addToList senza elementi aggiunti, perché l'elemento aggiunto è già presente. Verrà così eseguita l'animazione per spostare tutti gli elementi nelle posizioni appropriate.
  • Se l'origine del trascinamento sparisce dopo essere stata trascinata, usa l'animazione fadeOut. Questa animazione viene usata, ad esempio, quando un file viene rilasciato sull'icona di una cartella per essere archiviato in quella cartella.
  • Includi gli oggetti interessati quando usi dragSourceEnd se e solo se li hai inclusi usando l'animazione dragSourceStart.

Uso non appropriato di dragSourceEnd

  • Non usare l'animazione dragSourceEnd se non hai prima usato dragSourceStart. Devi usare entrambe le animazioni in modo che tutti gli oggetti tornino alle dimensioni originali al termine della sequenza di trascinamento.

Uso appropriato di dragBetweenEnter

  • Quando l'utente trascina un oggetto in un'area dove può essere rilasciato tra altri due oggetti, mostra l'animazione dragBetweenEnter quando l'oggetto entra nell'area di rilascio.
  • Scegli un'area di rilascio di destinazione ragionevole. L'area non deve essere troppo piccola per non rendere difficile il posizionamento dell'origine del trascinamento da parte dell'utente.

Uso non appropriato di dragBetweenEnter

  • Non usare l'animazione dragBetweenEnter se l'origine del trascinamento non può essere rilasciata in un'area. L'animazione dragBetweenEnter dice all'utente che l'oggetto trascinato può essere rilasciato tra oggetti sotto di esso.

Uso appropriato di dragBetweenLeave

  • Quando l'utente trascina un oggetto da un'area dove può essere rilasciato tra altri due oggetti, mostra l'animazione dragBetweenLeave quando l'oggetto esce dall'area di rilascio.

Uso non appropriato di dragBetweenLeave

Elenco di controllo

Per i requisiti generali per Windows Store, vedi l'argomento relativo ai requisiti di certificazione per le app Windows.

Argomenti correlati

Uso degli esempi della libreria delle animazioni

Aggiunta di un'animazione a elementi dell'interfaccia utente mediante la libreria delle animazioni

Guida introduttiva: Animazione

Spazio dei nomi WinJS.UI.Animation