lightbulb_outline Help shape the future of the Google Play Console, Android Studio, and Firebase. Start survey

Material Design para Android

Documentos para desarrolladores

Creación de aplicaciones con Material Design

Video

Introducción a Material Design

Video

Papel y tinta: los materiales más importantes

Video

Material Design en la aplicación Google I/O

Material Design es una guía integral para el diseño visual, de movimientos y de interacción en distintas plataformas y dispositivos. Android ahora es compatible con las aplicaciones de Material Design. Para usar Material Design en tus aplicaciones de Android, sigue las pautas descritas en la especificación de Material Design y usa los nuevos componentes y funcionalidades disponibles en Android 5.0 (nivel de API 21) y versiones posteriores.

En Android, se proporcionan los siguientes elementos que te permitirán crear aplicaciones en Material Design:

  • un tema nuevo;
  • nuevos widgets para vistas complejas;
  • nuevas API (interfaces de programación de aplicaciones) para sombras y animaciones personalizadas.

Para obtener más información sobre la implementación de Material Design en Android, consulta Creación de aplicaciones con Material Design.

Tema Material

El tema Material te ofrece un nuevo estilo para tu aplicación, widgets del sistema que te permiten configurar la paleta de colores y animaciones predeterminadas para información táctil y transiciones de actividades.

Tema Dark Material

Tema Light Material


Para obtener más información, consulta Uso del tema Material.

Listas y tarjetas

Android proporciona dos widgets nuevos para mostrar listas y tarjetas con estilos y animaciones de Material Design:

El nuevo widget RecyclerView es una versión más acoplable de ListView que admite diferentes tipos de diseños y proporciona mejoras en el rendimiento.

El nuevo widget CardView te permite mostrar extractos de información importante dentro de tarjetas que tienen apariencia y estilo coherentes.


Para obtener más información, consulta Creación de listas y tarjetas.

Visualización de sombras

Además de las propiedades X e Y, las vistas de Android ahora poseen una propiedad Z. Esta propiedad nueva representa la elevación de una vista, que determina lo siguiente:

  • El tamaño de la sombra: las vistas con valores Z más elevados proyectan sombras más grandes.
  • El orden del dibujo: las vistas con valores Z más elevados aparecen sobre las otras vistas.
Para volver a reproducir la película, haz clic en la pantalla del dispositivo.

Para obtener más información, consulta Definición de vistas de recorte y sombras.

Animaciones

Las nuevas API de animaciones te permiten crear animaciones personalizadas para la información táctil en los controles de IU, además de realizar cambios en el estado de las vistas y transiciones entre actividades.

Estas API te permiten hacer lo siguiente:

  • responder a los eventos táctiles de tus vistas mediante animaciones de información táctil;
  • ocultar y mostrar vistas con animaciones con efecto circular;
  • alternar entre actividades con animaciones personalizadas de transición de actividades;
  • crear animaciones más naturales con movimiento curvo;
  • animar los cambios en una o más propiedades de las vistas con las animaciones de cambio de estado de la vista;
  • mostrar animaciones en los elementos de diseño de la lista de estados entre los cambios de estado de las vistas.

Las animaciones de la información táctil se concentran en diferentes vistas estándar, como los botones. Las nuevas API te permiten personalizar estas animaciones y agregarlas a tus vistas personalizadas.

Para obtener más información, consulta Definición de animaciones personalizadas.

Elementos de diseño

Estas nuevas capacidades para los elementos de diseño te permiten implementar aplicaciones de Material Design:

  • Los dibujables en vector se pueden escalar sin perder definición y son perfectos para los iconos de las aplicaciones de un solo color.
  • El teñido de los dibujables te permite definir mapas de bits como máscaras alfa y pintarlos con un color durante el tiempo de ejecución.
  • La extracción de color te permite extraer automáticamente colores prominentes de una imagen del mapa de bits.

Para obtener más información, consulta Trabajo con elementos de diseño.