Definir colores para Temas Material Design en Android

8:54 , 0 Comments


Para asignar el nuevo tema Material Design de Google en nuestras aplicaciones, que funcionen en Android Lollipop y anteriores

La siguiente imagen muestra las propiedades que podemos definir en los estilos de Android


recurso values/colors.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="colorPrimary">#3F51B5</color>
    <color name="colorPrimaryDark">#303F9F</color>
    <color name="textColorPrimary">#fff4f4f4</color>
    <color name="colorAccent">#FF4081</color>
    <color name="windowBackground">#fff</color>
    <color name="navigationBarColor">#0288D1</color>
    <color name="statusBarColor">#0288D1</color>
</resources>

recurso values/styles.css
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
     <item name="android:colorPrimary">@color/colorPrimary</item>
     <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
     <item name="android:colorAccent">@color/colorAccent</item>
     <item name="android:windowBackground">@color/windowBackground</item>
     <item name="android:textColorPrimary">@color/textColorPrimary</item>
 </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
    
</resources>
recurso values-21/styles.css
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme.NoActionBar" >
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
     <item name="android:colorPrimary">@color/colorPrimary</item>
     <item name="android:colorPrimaryDark">@color/colorPrimaryDark</item>
     <item name="android:colorAccent">@color/colorAccent</item>
     <item name="android:windowBackground">@color/windowBackground</item>
     <item name="android:textColorPrimary">@color/textColorPrimary</item>     
     <item name="android:navigationBarColor">@color/navigationBarColor</item>
  
        <item name="android:windowDrawsSystemBarBackgrounds">true</item>
  <item name="android:statusBarColor">@android:color/transparent</item>
        
        <item name="android:activatedBackgroundIndicator">@color/colorAccent</item>

 </style>
</resources>
A continuación paleta de colores Material Design de Google
http://treyrobinson.net/blog/android-l-tutorials-part-2-material-theme-colors/

webserveis

Some say he’s half man half fish, others say he’s more of a seventy/thirty split. Either way he’s a fishy bastard.

0 comentarios: