text not showing up with icon in action bar on xhdpi kitkat screens

Question

I have an icon that I want to display with some text in my action bar. However, no matter what I do (change text to display always, have the text be a single letter so there's definitely room, etc) I can't get both to display (the icon always displays fine), but only on xhdpi screens. If I run it on 240dpi or lower it displays both. I've read in googling that text not being displayed with the icon was a bug in ICS, but I'm testing on API 19. Is there a solution to this? thanks

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

<item 
    android:id="@+id/action_dafuq"
    android:icon="@drawable/dafuq"
    android:title="@string/dafuq"
    android:showAsAction="ifRoom|withText" />

</menu>

score 0 · Answer 1 · answered Sep 11 '14 at 21:15

0

You can use SpannableString and inject your icon before text ! Something like this:

final MenuItem action_dafuq = menu.findItem(R.id.action_dafuq);;
final ImageSpan icon = new ImageSpan(getContext(), R.drawable.icon);
final SpannableString title = new SpannableString("  " + "dafuq");
title.setSpan(icon, 0, 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
action_dafuq.setTitle(title);

I hope this works.

answered Sep 11 '14 at 21:15

Ali Mehrpour

603
8
16

thanks for the reply. Where do I place that code, in onCreateOptionsMenu()? – Daniel H Sep 11 '14 at 21:37
yes, in this method public boolean onCreateOptionsMenu(Menu menu) { } – Ali Mehrpour Sep 11 '14 at 21:39

score 0 · Answer 2 · edited May 23 '17 at 11:57

Strange that a higher resolution screen doesn't show both comparing with lower ones. Anyway, I would suggest you to check how it works on landscape orientation.

If you don't have so much icons to be display you could try force always show icon+text combining always and withText tags

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

<item 
    android:id="@+id/action_dafuq"
    android:icon="@drawable/dafuq"
    android:title="@string/dafuq"
    android:showAsAction="always|withText" />

</menu>

Another option, you can inflate the actionbar item layout and customize then using an adapter: Actionbar styled overflow menu items

text not showing up with icon in action bar on xhdpi kitkat screens

2 Answers2