Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / Mobile / Android

Use Android Themes to Incorporate a DRY Layout

5.00/5 (1 vote)
19 May 2014CPOL1 min read 8.2K  
Simple steps needed to globally change a widget property

Keep Your Powder DRY

Most of us are familiar with the DRY (Don't Repeat Yourself) Principle, the last element of the SOLID set of principles.

Here's how you can apply it in Android Layouts to set a property value for all widgets of a certain type in one place, so that if you need/want to change it later, you only need do it in one place, rather than revisit oodles of widgers within possibly multiple Layout files:

  1. Open the \[appName]\app\src\main\res\values\styles.xml file.

    If you don't have one (styles.xml is created automatically for you there if you are using Droidio), create it at that spot, and add this to it to begin with (in Droidio, it's already there):

    XML
    <resources>
    
        <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            <!-- Customize your theme here. -->
        </style>
    
    </resources>
  2. Verify that "AppTheme" (you can change the name to "YanquiGoogleDandy" or whatever if you want to) is referenced in AndroidManifest.xml like so:
    XML
    android:theme="@style/AppTheme"

    In context, that is:

    XML
     <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
    . . .
    
  3. Now you can add a style in styles.xml, like so:
    XML
    <style name="NavyTextViewStyle" parent="android:Widget.TextView">
        <item name="android:textColor">#000080</item>
    </style>
    
  4. Now add the reference to it in the "AppTheme" section like so:
    XML
    <item name="android:textViewStyle">@style/NavyTextViewStyle</item>
    

    In context:

    XML
    <resources>
    
        <!-- Base application theme. -->
        <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
            <!-- Customize your theme here. -->
            <item name="android:textViewStyle">@style/NavyTextViewStyle</item>
        </style>
    
        <style name="NavyTextViewStyle" parent="android:Widget.TextView">
            <item name="android:textColor">#000080</item>
        </style>
    
    </resources>

So now AppTheme activates the "NavyTextViewStyle" style you added, and since the app uses the "AppTheme" theme, all EditText widgets will inherit the color value ("#000080", or Navy), as can be seen here:

Click to enlarge image

What if you don't want your global value to take effect in a particular case? Just override it by explicitly declaring a different value there, such as this, to use dark red instead:

XML
android:textColor="#8B0000"

Stay Warm and DRY

Now you can use that same methodology to globally set other values for any widgets you use. No need to thank me - just "pay it forward!"

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)