Componentes de MAD Skills Material Design: Resumen

Publicado por Nick Rout

¡Es un contenido envolvente!

El tercer argumento en Serie de videos y artículos de MAD Skills en Modern Android El desarrollo está completo. Esta vez nos ocupamos de los componentes de diseño de materiales (también conocidos como MDC). Esta biblioteca proporciona los componentes de material como widgets de Android y simplifica la implementación de las plantillas de diseño que se ven en material.io, como temas de material, tema oscuro y movimiento.

Consulte los episodios y enlaces a continuación para ver lo que hemos cubierto. Nosotros diseñado estos videos para seguir de cerca nuestra serie reciente de artículos de MDC, así como las aplicaciones de muestra y los laboratorios de código existentes, para que tenga una variedad de formas de interactuar con el contenido. ¡También tuvimos un episodio de preguntas y respuestas con los ingenieros del equipo de MDC!

Episodio 1: ¿Por qué utilizar MDC?

El primer episodio de Nick Butcher es un video de descripción general de toda la serie MAD Skills, que incluye por qué recomendamos MDC, luego información sobre temas de materiales, temas oscuros y movimiento. También cubre la interoperabilidad de MDC con Jetpack Compose y las actualizaciones de las plantillas de Android Studio, incluidas las mejores prácticas de MDC y temas / estilos.

O como artículo:

https://medium.com/androiddevelopers/we-recommend-material-design-components-81e6d165c2dd

Episodio 2: Temas materiales

Episodio 2 de Nick Rout cubre Problemas materiales y sigue un tutorial sobre cómo implementarlo en Android usando MDC. Los temas clave incluyen la configuración de un tema de aplicación “Theme.MaterialComponents. *”, La elección de los atributos de color, tipo y forma, utilizando las herramientas en material.io, y finalmente agregar al tema para ver cómo los widgets reaccionan automáticamente y adaptan su interfaz de usuario. También cubre clases prácticas de utilidad proporcionadas por MDC para ciertos escenarios, como resolver los atributos de color del tema y aplicar formas a las imágenes.

O como artículo:

https://medium.com/androiddevelopers/material-theming-with-mdc-color-860dbba8ce2f

https://medium.com/androiddevelopers/material-theming-with-mdc-type-8c2013430247

https://medium.com/androiddevelopers/material-theming-with-mdc-shape-126c4e5cd7b4

Episodio 3: Tema oscuro

Este episodio de Chris Banes se pone muy oscuro … Lo guía a través de la implementación de un archivo tema oscuro para una aplicación de Android que utiliza MDC. Los temas cubiertos incluyen el uso de “forzar oscuridad” para una conversión rápida (y cómo excluir vistas de esto), la creación manual de un tema oscuro con opciones de diseño, temas de aplicaciones MDC `.DayNight` y estilos de widgets MDC `.PrimarySurface` y cómo administrar la interfaz de usuario del sistema.

O como artículo:

https://medium.com/androiddevelopers/dark-theme-with-mdc-4c6fc357d956

Episodio 4: Movimiento material

Episodio 4 de Nick Rout Todo esta basado en Sistema de movimiento de material. Sigue de cerca los pasos de la “Creación de hermosas transiciones con Material Motion para Android”. codelab. Utilice la aplicación de muestra Responder para demostrar cómo las plantillas de transición (transformación de contenedor, eje compartido, fundido y fundido) se pueden utilizar para una experiencia de usuario más fluida y comprensible. Pasa por escenarios que involucran fragmentos (incluido el Componente de navegación), Actividades y Vistas y le resultará familiar si ha utilizado anteriormente AndroidX y los marcos de transición de plataforma.

O como artículo:

https://medium.com/androiddevelopers/material-motion-with-mdc-c1f09bb90bf9

Episodio 5: Consejo de la comunidad

El episodio 5 es de un miembro de la comunidad de Android: Google Developer Expert (GDE) para Android Zarah Domínguez—Que nos guía a través del uso Aplicación de catálogo MDC como referencia para la funcionalidad del widget y ejemplos de API. También explica cómo fue beneficioso crear una página de “Muestra de temas” en la aplicación en la que trabaja, para garantizar un lenguaje de diseño coherente en diferentes pantallas y transmisiones.

Episodio 6: Preguntas y respuestas en vivo

Para concluir, Chet Haase Nos acogió para una sesión de preguntas y respuestas con los miembros del equipo de ingeniería de MDC, Dan Nizri y Connie Shi. Hemos respondido sus preguntas en YouTube Live, Twitter y otros lugares. Exploramos los orígenes de MDC, cómo se relaciona con AppCompat y cómo ha evolucionado a lo largo de los años. Otros temas incluyen las mejores prácticas para organizar temas y recursos, usar diferentes fuentes y estilos tipográficos y modelar temas … Muchos temas de modelado. ¡También hemos revelado todos nuestros componentes de materiales favoritos! Finalmente miramos hacia el futuro con nuevos componentes que saldrán en MDC y Jetpack Compose, El kit de herramientas de interfaz de usuario de próxima generación de Android con Material Design integrado de forma predeterminada.

Aplicación de muestra

Durante la serie, usamos dos aplicaciones de muestra diferentes para demostrar MDC:

• “Crea un tema material” (también conocido como MaterialThemeBuilder) es un proyecto interactivo que le permite crear su propio tema Material personalizando los valores de color, tipografía y forma
• responder es uno de los estudios de materiales; una aplicación de correo electrónico que utiliza componentes de Material Design y Material Theming para crear una experiencia de comunicación de marca

Ambos se pueden encontrar junto con otra aplicación de estudio de material de muestra:Búho– en el repositorio de GitHub de muestras MDC.

https://github.com/material-components/material-components-android-examples