Question

I am showing a menu item in the action bar. I would like to set a background for this item. I would prefer not to use an icon because otherwise I cannot use strings.xml for localization (I am showing some text in this particular menu item, that will get translated in several languages.).

Most of answers here suggest to use icons. The icon of course would cover the text, and if I try android:background instead of android:icon it just won’t show anything.

So basically I want to customize the menu item in the actionbar with a custom image but at the same time be able to write something on it (pull some strings). Is there a way to this in xml?

P.S. I am using Theme.Holo.Light.DarkActionBar but I already changed the background of the actionbar.

Answer 1

Create an xml file per each icon you wan to show in the action bar in the ‘drawable’ directory like the one below:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/menuitem_bk"/>
    <item android:drawable="@drawable/icon_one"/>      
</layer-list>

Drawable icon_one is just the icon with a transparent background and ‘menuitem_bk’ will be a drawable defined as follows:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <size
        android:height="36dp"
        android:width="36dp" />
    <solid android:color="@color/action_bar_items_bk_color" />
</shape>

You will have to create four of these, one in each drawable directory (xhdpi, hdpi, mdpi and ldpi). The size of the shape will be different according to the directory:

• xhdpi -> 48×48 hdpi -> 36×36 mdpi -> 24×24 ldpi -> 18×18

(Acording to this: http://developer.android.com/guide/practices/ui_guidelines/icon_design_action_bar.html )

And you got your ActionBar icons with background.