El video que presenta el nuevo lenguaje de diseño de Google comienza con una animación de extracción de refrescos que convierte “Material 3” en “Material 3 Expresivo”, con la secuencia que introduce el nuevo indicador de carga.
El indicador de carga es un nuevo componente con material 3 expresivo que muestra “progreso por un corto tiempo de espera”, específicamente menos de cinco segundos. Google lo recomienda como un “reemplazo para indeterminados indicadores de progreso circular” que se han actualizado con M3E para ser más distintos (más sobre eso a continuación).
En el Material 3 (y M2), los indicadores de progreso, tal como se usan para la refresión, fueron un bucle bastante sencillo.
El indicador de carga M3E es una “secuencia de transformación de forma de bucle compuesta de siete formas de material de material único”. (En general, hay 35.) Está destinado a captar la atención y tiene un contenedor circular con un color de fondo más claro cuando se usa para hacer fréfoles.
Anuncio – Desplácese por más contenido
También se puede usar fuera de Pull-to-Fresh sin el contenedor. Aquellos en la beta de Android 16 ven el indicador de carga después de un arranque del dispositivo e ingresando su pin, pero antes de que se cargue el lanzador de píxeles/homenaje.
Además de colocar en el medio de una página o contenedor, “los indicadores de carga se pueden colocar dentro de otros componentes, como los botones, para indicar que la acción está en curso, como validar un formulario o verificar las actualizaciones”.
Otro ejemplo está en lugar del Favicon cuando se carga una página de navegador:
Google recomienda el indicador de carga para “mostrar progreso que se carga en menos de cinco segundos”.
Para interacciones más largas, el material 3 expresivo ha actualizado los indicadores de progreso lineal y circular. Esta actualización les permite tener una forma más gruesa y tener una forma ondulada (versus plana): “La forma ondulada puede hacer que los procesos más largos se sientan menos estáticos y se usa mejor cuando un estilo más expresivo es apropiado”. Como tal, puede ser muy prominente.
FTC: Utilizamos ingresos que ganan enlaces de afiliados para automóviles. Más.
