cómo crear un tema personalizado y usarlo en la aplicación de Android

Question

¿Cómo crear un tema personalizado y usarlo en el código? en el menú cómo implementar la opción de tema y aplicar para la actividad?

¿Alguna idea?

Answer 1

This es el sitio perfecto que crea todos los archivos necesarios que necesita para crear una interfaz de usuario personalizada. Lo usé personalmente hace un par de semanas y funcionó muy bien para mí.

No tengo ninguna afiliación con este sitio, pero me pareció muy interesante. Espero que esto te ayude :)

Answer 2

Hay un bonito Styles and Themes guide en el sitio de desarrolladores de Android. Básicamente lo que necesita hacer es

1. Define a style (o heredar uno incorporado). Para definir un estilo

guardar un archivo XML en el directorio res/values/ de su proyecto. El nombre del archivo XML es arbitrario, pero debe usar la extensión .xml y guardarse en la carpeta res/values/.

El nodo raíz del archivo XML debe ser <resources>.

Para cada estilo que desee crear, agregue un elemento al archivo con un nombre que identifique el estilo de forma exclusiva (se requiere este atributo ).

decir

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
    <style name="Theme.MyGreenTheme" parent="Theme.Light"> 
     <item name="android:windowBackground">#11aa22</item> 
    </style> 
</resources> 

Es útil para nombrar el archivo de recursos themes.xml por lo que es más fácil de reconocer lo que esos estilos se utilizan.

2. Apply el estilo definido para la actividad o la vista que desea estilizada. Usted puede

   • establecer el tema Actividad/Aplicación en el archivo de manifiesto:

   <activity android:theme="@style/Theme.MyGreenTheme"/>

   • o configurarlo de forma dinámica - utilizar el colocador correspondiente de la clase Actividad - setTheme().

Answer 3

puede agregar su estilo basado en el estilo por defecto por complemento "padre".

<style name="DrawerArrowStyle" parent="Widget.AppCompat.DrawerArrowToggle"> 
    <item name="color">#fff</item> 
</style> 

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/colorHitam</item> 
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item> 
    <item name="android:textColorSecondary">#fff</item> 
    <item name="android:textAllCaps">false</item> 
    <item name="android:actionOverflowButtonStyle">@style/OverFlow</item> 
</style> 

<style name="OverFlow" parent="@android:style/Widget.Holo.ActionButton.Overflow"> 
    <item name="android:src">@drawable/ic_login_2</item> 
</style> 

<style name="MasukDaftar" parent="Theme.AppCompat.Light.DarkActionBar"> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/colorHitam</item> 
    <item name="drawerArrowStyle">@style/DrawerArrowStyle</item> 
    <item name="android:textColorSecondary">@color/colorHitam</item> 
    <item name="android:textAllCaps">false</item> 
</style> 

<style name="SplassScreenCustom" parent="Theme.AppCompat.NoActionBar"/> 

<style name="AppTheme.Dark.Dialog" parent="Theme.AppCompat.Dialog"> 
    <item name="colorAccent">#fff</item> 
    <item name="android:textColorPrimary">@color/colorHitam</item> 
    <item name="colorPrimaryDark">@color/colorHitam</item> 
    <item name="android:background">@color/colorPrimary</item> 
    <item name="android:textColorSecondary">@color/colorHitam</item> 
    <item name="android:textAllCaps">false</item> 
</style> 

<style name="TabLayoutTextStyle"> 
    <item name="android:textStyle">bold</item> 
    <item name="android:textSize">16sp</item> 
    <item name="android:textAllCaps">false</item> 
    <item name="android:textColor">#fff</item> 
</style> 

<style name="Toolbar" parent="Theme.AppCompat"> 
    <item name="colorPrimary">@color/colorPrimary</item> 
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
    <item name="colorAccent">@color/colorAccent</item> 
</style> 

<style name="AppCompatAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert"> 
    <item name="colorAccent">@color/colorPrimary</item> 
    <item name="android:textColorPrimary">@color/colorHitam</item> 
</style>