Material Components + XML + buenas prácticas

Una guía visual para que no dependan de la paleta de Android Studio

Busca un componente, revisa para qué sirve, copia el XML base y luego acomódalo en tu layout. Los textos visibles usan strings.xml y los colores se declaran en colors.xml.

Recomendación del @ELProfeTI

Usa estos bloques como punto de partida. Luego ajusta constraints, márgenes, ids y textos según cada pantalla.

  • No hardcodear textos visibles.
  • Usar dp para tamaños físicos.
  • Usar sp para textos.
  • Validar accesibilidad y contraste.

Configuración base recomendada

Antes de usar los componentes Material, verifica que tu proyecto tenga la dependencia de Material Components, ViewBinding activado si lo vas a usar, y un tema compatible.

// build.gradle.kts (:app)

dependencies {
    implementation("com.google.android.material:material:1.13.0")
    implementation("androidx.constraintlayout:constraintlayout:2.2.1")
    implementation("androidx.recyclerview:recyclerview:1.4.0")
    implementation("androidx.cardview:cardview:1.0.0")
}

android {
    buildFeatures {
        viewBinding = true
    }
}
<!-- res/values/themes.xml -->

<style name="Theme.MiApp" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="colorPrimary">@color/azul_principal</item>
    <item name="colorPrimaryVariant">@color/azul_oscuro</item>
    <item name="colorSecondary">@color/naranja_acento</item>
    <item name="colorOnPrimary">@color/white</item>
    <item name="android:fontFamily">sans</item>
</style>