Animazioni di trascinamento
Usa animazioni di trascinamento della selezione quando gli utenti spostano oggetti, ad esempio spostando un elemento all'interno di un elenco o rilasciando un elemento sopra un altro.
API importanti: classe DragItemThemeAnimation
Cosa fare e cosa non fare
Animazione di avvio trascinamento
- Usa l'animazione di avvio trascinamento quando l'utente inizia a spostare un oggetto.
- Includere gli oggetti interessati nell'animazione se e solo se sono presenti altri oggetti che possono essere interessati dall'operazione di trascinamento della selezione.
- Usa l'animazione di trascinamento finale per completare qualsiasi sequenza di animazione iniziata con l'animazione di avvio del trascinamento. In questo modo si inverte la modifica delle dimensioni nell'oggetto trascinato causato dall'animazione di avvio del trascinamento.
Animazione di fine trascinamento
- Usa l'animazione di trascinamento finale quando l'utente rilascia un oggetto trascinato.
- Usa l'animazione di trascinamento finale in combinazione con le animazioni di aggiunta ed eliminazione per gli elenchi.
- Includere gli oggetti interessati nell'animazione di fine trascinamento se e solo se sono stati inclusi gli stessi oggetti interessati nell'animazione di avvio di trascinamento.
- Non usare l'animazione di fine del trascinamento se non è stata usata per la prima volta l'animazione di avvio del trascinamento. È necessario usare entrambe le animazioni per restituire gli oggetti alle dimensioni originali al termine della sequenza di trascinamento.
Trascinare l'animazione tra invio
- Usa l'animazione di trascinamento tra invio quando l'utente trascina l'origine di trascinamento in un'area di rilascio in cui può essere rilasciata tra due altri oggetti.
- Scegliere un'area di destinazione di rilascio ragionevole. Questa area non deve essere così piccola che è difficile per l'utente posizionare l'origine di trascinamento per la selezione.
- La direzione consigliata per spostare gli oggetti interessati per mostrare l'area di rilascio è direttamente a parte l'una dall'altra. Se si spostano verticalmente o orizzontalmente, dipende dall'orientamento degli oggetti interessati l'uno dall'altro.
- Non usare l'animazione di trascinamento tra invio se l'origine di trascinamento non può essere rilasciata in un'area. L'animazione di trascinamento tra invio indica all'utente che l'origine di trascinamento può essere eliminata tra gli oggetti interessati.
Trascinare tra l'animazione di uscita
- Usa l'animazione di trascinamento tra lascia quando l'utente trascina un oggetto da un'area in cui potrebbe essere stata rilasciata tra due altri oggetti.
- Non usare l'animazione di trascinamento tra lascia se non hai prima usato il trascinamento tra l'animazione invio.
Articoli correlati
Per gli sviluppatori
- Panoramica delle animazioni
- Animazione delle sequenze di trascinamento della selezione
- Guida introduttiva: Animazione dell'interfaccia utente tramite animazioni di libreria
- Classe DragItemThemeAnimation
- Classe DropTargetItemThemeAnimation
- Classe DragOverThemeAnimation
Collabora con noi su GitHub
L'origine di questo contenuto è disponibile in GitHub, in cui è anche possibile creare ed esaminare i problemi e le richieste pull. Per ulteriori informazioni, vedere la guida per i collaboratori.