android – Light.DarkActionBar menu item text colour unchangeable?-ThrowExceptions

Exception or error:

The application I’ve been developing uses ActionBarSherlock, and the main theme inherits from Theme.Sherlock.Light.DarkActionBar. The design requires that the overflow menu popups have a dark coloured background and white text. This works fine for devices without a physical menu button, and the text appears white as intended. However, if the device DOES have a physical menu button, the text shown in the menu displayed remains black.

My main theme contains

<item name="android:panelBackground">@drawable/menu_hardkey_panel</item>

…Where @drawable/menu_hardkey_panel is a dark coloured 9patch.

The resulting appearance of the menu popup is… Light.DarkActionbar issue

I’m unable to determine why this is happening, or how to manually change the colour of the text. In my main theme, I’ve tried all of the following…

<item name="android:actionMenuTextColor">@android:color/white</item>
<item name="android:textAppearanceLargePopupMenu">@style/MyMenuTextAppearance.Large</item>
<item name="android:textAppearanceSmallPopupMenu">@style/MyMenuTextAppearance.Small</item>

I’ve even tried

<item name="android:actionBarWidgetTheme">@style/Theme.MyApp.Dark</item>

…Where Theme.MyApp.Dark is…

<style name="Theme.MyApp.Dark" parent="@style/Theme.Sherlock">
    <item name="android:dropDownListViewStyle">@style/DropDownListView</item>
    <item name="dropDownListViewStyle">@style/DropDownListView</item>
</style>

None have let me change the text to white. If I make my base theme inherit from Theme.Sherlock, the problem is solved and the text is white, but unfortunately that’s not an option.

How to solve:

Not entirely sure about this, but I believe the pop-up menu uses the same styling as the overflow menu. In which case you’d just do something like this.

<item name="android:itemTextAppearance">@style/your_new_text_appearance</item>

<style name="your_new_text_appearance">
    <item name="android:textColor">@android:color/white</item>
</style>

###

Giving it a chance: there is a text appearance called actionMenuTextAppearance. Have you tried that?

Update: I did some more digging and I believe that this file is the layout And there they refer to textAppearanceListItemSmall and textAppearanceSmall. However, it takes this value from a special theme which is specified as following in Theme.Holo.Light

<item name="panelMenuListTheme">@android:style/Theme.Holo.Light.CompactMenu</item>

And like this in Theme.Holo:

<item name="panelMenuListTheme">@android:style/Theme.Holo.CompactMenu</item>

The problems comes from the fact that the parent of Sherlock.__Theme.DarkActionBar is Theme.Sherlock.Light. This is not valid for the dark action bar. Taking the line from Theme.Holo should do the trick.

###

In my research I haven’t found a way to change the text color, but you can at least handle hardkey menus gracefully.

This link provided me with a passable solution to the problem:
https://github.com/jgilfelt/android-actionbarstylegenerator/issues/30

Commenting out the “android:panelBackground” item from my generated theme allowed the text to at least be visible on hardkey menus, even if it doesn’t perfectly match the theme.

You could also try replacing the “menu_hardkey_panel_whatever.9.png” drawable with something that will work for your theme and the black text.

###

For me this solves the problem, try this instead:

<style name="MyTheme" parent="Theme.Sherlock.Light.DarkActionBar">
    ...
    <item name="actionBarWidgetTheme">@null</item>
    <item name="android:actionBarWidgetTheme">@null</item>
    ...
</style>

###

I found the solution, use:

getSupportActionBarContext()

e.g.

ArrayAdapter<CharSequence> list =
            ArrayAdapter.createFromResource(getSupportActionBarContext(), R.array.navigation, layout.simple_spinner_item);
    list.setDropDownViewResource(layout.simple_spinner_dropdown_item);

    getSupportActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);
    getSupportActionBar().setListNavigationCallbacks(list, this);

###

I think that due to the fact that Theme.Sherlock.Light.DarkActionBar don’t style its contents right is due to the actionWidgetTheme attribute is used with a ContextThemeWrapper for inflating the action bar views (Jake Wharton’s own words), thus something like the following (not tested) will be needed to fulfill your needs, though breaking your need of not using Theme.Sherlock as parent in one way:

<style name="MyColorTheme" parent="Theme.Sherlock">
    <item name="android:actionMenuTextColor">@android:color/white</item>
    <item name="actionMenuTextColor">@android:color/white</item>
</style>

<style name="YourMainTheme" parent="Theme.Sherlock.Light.DarkActionBar">
    <item name="android:actionMenuTextAppearance">@style/MyColorTheme</item>
    <item name="actionMenuTextAppearance">@style/MyColorTheme</item>
</style>

Might work or not work. That’s the question 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *