Consenti agli utenti di far scorrere un componente per visualizzare azioni aggiuntive.
Il componente Scorri per visualizzare ti consente di aggiungere ulteriori azioni a chip e schede, nello specifico quando appaiono negli elenchi. Questo componente consente agli utenti di svolgere rapidamente le attività senza uscire dallo schermo.
Gli utenti possono far scorrere parzialmente chip e schede verso sinistra per accedere a queste azioni, quindi toccare un'azione per completarla. Gli utenti possono anche far scorrere completamente i chip e le schede verso sinistra per eseguire rapidamente l'azione principale.
Il componente è dotato di due slot per queste azioni:
- Principale
- Secondario (facoltativo)
Anatomia
Azioni visualizzate
Gli sviluppatori possono personalizzare le azioni per i loro casi d'uso specifici. Considera il colore e l'iconografia utilizzati in queste azioni per aiutare gli utenti a capire cosa significano.
Le azioni mostrate vengono visualizzate sullo stesso lato per tutte le impostazioni internazionali delle lingue.
- Azione principale
- Azione secondaria (facoltativa)
Impegno in un'azione principale
Per eseguire il commit dell'azione principale, l'utente può toccare il pulsante o continuare a scorrere verso sinistra. In questo modo il pulsante si estende per tutta la larghezza dello schermo e visualizza un'etichetta. L'azione scompare dopo che è stata selezionata.
Il primo esempio mostra un'opzione con pulsante singolo. Il secondo esempio mostra un'opzione con pulsante doppio.
Annulla azione
Nel caso di azioni distruttive, aggiungi un componente Annulla per consentire agli utenti di annullarle. Aggiungi la funzionalità di annullamento all'azione principale.
Se viene aggiunta, viene visualizzato un pulsante di annullamento del chip al posto dell'azione impegnata. Dopo un breve periodo di tempo, l'azione di annullamento scompare e il sistema completa l'azione impegnata.
Soglie di scorrimento
Lo scorrimento per visualizzare il comportamento del componente dipende da quanto l'utente fa scorrere lo schermo:
- Se l'utente scorre meno del 50% dello schermo, il componente torna alla posizione iniziale e non viene intrapresa alcuna azione.
- Se l'utente scorre sullo schermo dal 50% al 75% dell'intera larghezza, il componente rimane parzialmente visibile e vengono visualizzate le azioni associate al componente.
- Se l'utente scorre oltre il 75% dello schermo, il componente scompare e il sistema esegue automaticamente l'azione principale.
Componenti correlati
I seguenti componenti a tema materiale implementano lo scorrimento per rivelare il comportamento:
Nelle carte
I seguenti screenshot mostrano lo scorrimento per mostrare l'aspetto del componente quando si utilizza la classe SwipeToRevealCard:
Sui chip
I seguenti screenshot mostrano lo scorrimento per mostrare l'aspetto del componente quando si utilizza la classe SwipeToRevealChip:
