Permite que los usuarios deslicen un componente para revelar acciones adicionales.
Anatomía
Confirma una acción principal
Para confirmar la acción principal, el usuario puede presionar el botón o continuar deslizando el dedo hacia la izquierda. De esta manera, el botón se extiende a todo el ancho de la pantalla y muestra una etiqueta. La acción se atenúa después de ser seleccionada.
En el primer ejemplo, se muestra una opción de botón único. En el segundo ejemplo, se muestra una opción de botón doble.
Deshacer acción
En el caso de las acciones destructivas, agrega un componente de deshacer para permitir que los usuarios reviertan estas acciones. Agrega la función de deshacer a la acción principal.
Si se agrega, aparecerá un botón para deshacer la acción confirmada en lugar de la acción confirmada. Después de un período breve, la acción de deshacer se atenúa y el sistema completa la acción confirmada.
Umbrales de deslizamiento
El deslizamiento para revelar el comportamiento del componente depende de qué tan lejos el usuario desliza el dedo en la pantalla:
- Si el usuario desliza menos del 50% de la pantalla, el componente vuelve a su posición inicial y no se realiza ninguna acción.
- Si el usuario desliza el dedo por la pantalla entre el 50% y el 75% del ancho completo, el componente permanece parcialmente visible y aparecen las acciones asociadas con el componente.
- Si el usuario desliza más del 75% de la pantalla, el componente desaparece y el sistema realiza automáticamente la acción principal.
Componentes relacionados
Los siguientes componentes de temática de Material implementan el deslizamiento para revelar el comportamiento:
En tarjetas
En las siguientes capturas de pantalla, se muestra el deslizamiento para revelar la apariencia del componente cuando se usa la clase SwipeToRevealCard
:
En chips
En las siguientes capturas de pantalla, se muestra el deslizamiento para revelar la apariencia del componente cuando se usa la clase SwipeToRevealChip
: