Animazione dei gesti scorrimento rapido con un dito (HTML)
[ Questo articolo è rivolto agli sviluppatori per Windows 8.x e Windows Phone 8.x che realizzano app di Windows Runtime. Gli sviluppatori che usano Windows 10 possono vedere Documentazione aggiornata ]
Usa le animazioni di scorrimento rapido in caso di implementazione del modello di selezione tramite touch di Windows 8 (detto scorrimento rapido) per la selezione di un elemento.
Questo insieme di animazioni include le API seguenti: Quando implementi l'interazione con lo scorrimento rapido devono essere usate tutte e tre le animazioni:
Il video seguente mostra l'animazione di visualizzazione con scorrimento rapido:
Il video seguente mostra le animazioni di selezione e deselezione con scorrimento rapido:
Nota Il controllo ListView include le animazioni di selezione tramite touch e di scorrimento rapido. Non devi quindi implementare queste animazioni quando usi quel controllo.
Selezione con scorrimento rapido
Usa l'animazione di selezione con scorrimento rapido quando l'utente trascina un elemento che supporta la selezione con scorrimento rapido. L'utente deve trascinare l'elemento a una distanza sufficiente per poterlo selezionare, quindi rilasciarlo. Questa animazione aggiunge l'indicatore di selezione (spesso un segno di spunta) che mostra lo stato "selezionato" dell'elemento e lo riporta in posizione statica.
.png "Illustrazione che mostra le fasi di un'animazione di selezione con scorrimento rapido: spostamento e selezione")
Per usare questa animazione, devi conoscere l'indicatore di selezione che verrà visualizzato e la direzione e distanza dell'animazione.
Deselezione con scorrimento rapido
Usa l'animazione di deselezione con scorrimento rapido quando l'utente trascina un elemento selezionato abbastanza lontano da deselezionarlo e quindi rilascia l'elemento. Questa animazione rimuove l'indicatore di selezione dall'elemento e lo riporta in posizione statica.
.png "Illustrazione che mostra le fasi di un'animazione di deselezione con scorrimento rapido: spostamento e deselezione")
Per usare questa animazione, devi conoscere l'indicatore di selezione che verrà nascosto e la direzione e distanza dell'animazione.
Visualizzazione con scorrimento rapido
Usa l'animazione di visualizzazione con scorrimento rapido per mostrare all'utente che l'elemento supporta l'interazione con lo scorrimento rapido. Quando l'utente tiene premuto un elemento che supporta l'interazione con lo scorrimento rapido, l'animazione sposta l'elemento verso il basso e poi di nuovo verso l'alto, per indicare che supporta l'interazione con lo scorrimento rapido.
.png "Illustrazione che mostra le fasi di un'animazione di visualizzazione con scorrimento rapido: spostamento e deselezione")
Per usare questa animazione, devi conoscere la direzione e la distanza dell'animazione. L'animazione deve essere riprodotta due volte in sequenza, la prima volta per spostare l'elemento nella direzione specificata e la seconda per riportarlo in posizione statica.
Altre risorse
Per esempi di codice che mostrano l'uso dell'API dell'animazione di scorrimento rapido, vedi l'esempio relativo alla libreria di animazioni HTML.