material-design – sourcerebels

Android. Estilos Botones Material Design

Los siguiente estilos están disponibles si usamos la librería appcompat:

style="@style/Widget.AppCompat.Button"
style="@style/Widget.AppCompat.Button.Colored"
style="@style/Widget.AppCompat.Button.Borderless"
style="@style/Widget.AppCompat.Button.Borderless.Colored"

Tamaños de texto Material Design

    <dimen name="abc_text_size_body_1_material">14sp</dimen>
    <dimen name="abc_text_size_body_2_material">14sp</dimen>
    <dimen name="abc_text_size_button_material">14sp</dimen>
    <dimen name="abc_text_size_caption_material">12sp</dimen>
    <dimen name="abc_text_size_display_1_material">34sp</dimen>
    <dimen name="abc_text_size_display_2_material">45sp</dimen>
    <dimen name="abc_text_size_display_3_material">56sp</dimen>
    <dimen name="abc_text_size_display_4_material">112sp</dimen>
    <dimen name="abc_text_size_headline_material">24sp</dimen>
    <dimen name="abc_text_size_large_material">22sp</dimen>
    <dimen name="abc_text_size_medium_material">18sp</dimen>
    <dimen name="abc_text_size_menu_material">16sp</dimen>
    <dimen name="abc_text_size_small_material">14sp</dimen>
    <dimen name="abc_text_size_subhead_material">16sp</dimen>
    <dimen name="abc_text_size_subtitle_material_toolbar">16dp</dimen>
    <dimen name="abc_text_size_title_material">20sp</dimen>
    <dimen name="abc_text_size_title_material_toolbar">20dp</dimen>

Añadir iconos de Material Design directamente desde Android Studio

Existe un asistente en Android Studio, desde el cual podemos añadir una imagen vectorial (Vector Drawable) a nuestro proyecto. Para mostrarlo, en la carpeta “res” de nuestro proyecto, haremos click con el botón derecho y seleccionaremos “New > Vector Asset”.

Este asistente permite, además de importar un svg a nuestro proyecto, utilizar los iconos de Material Design.

De esta manera no es necesario descargarlos de la web cada vez (que es lo que venía haciendo).

Saludos

Estilos para las tipografías de Material Design

Para utilizar los estilos de texto definidos en la especificación Material Design existen los siguiente estilos en la librería v7 appcompat:

@style/TextAppearance.AppCompat.Display4
@style/TextAppearance.AppCompat.Display3
@style/TextAppearance.AppCompat.Display2
@style/TextAppearance.AppCompat.Display1
@style/TextAppearance.AppCompat.Display4
@style/TextAppearance.AppCompat.Headline
@style/TextAppearance.AppCompat.Title
@style/TextAppearance.AppCompat.Subhead
@style/TextAppearance.AppCompat.Body2
@style/TextAppearance.AppCompat.Body1
@style/TextAppearance.AppCompat.Caption

Para usarlos especificad la propiedad android:textAppearance:

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textAppearance="@style/TextAppearance.AppCompat.Title" />