ActionBarSherlock - 将溢出的操作项显示为图标+文本

时间:2012-05-16 09:18:53

标签: android actionbarsherlock

上下文

我正在使用ActionbarSherlock创建一个带有一些操作项的操作栏。其中一些溢出,因此它们显示在溢出子菜单中。

我的问题

这些溢出的项目仅在文本中显示在子菜单中。

我为MenuItem.SHOW_AS_ACTION_IF_ROOM尝试了MenuItem.SHOW_AS_ACTION_IF_ROOM | MenuItem.SHOW_AS_ACTION_WITH_TEXTsetShowAsAction(),但两者都有相同的行为:

Overflowed items without icon

我想要什么

是否可以在溢出子菜单中将这些项目显示为<their_icon> + <their_text>?像这样:

Overflowed items with icon

4 个答案:

答案 0 :(得分:15)

我不明白为什么子菜单只能有图标和菜单文本。 也许将菜单项作为子菜单添加到 root 菜单可以帮助您。 :)

只是提一下,添加这样的图标会强制你使用ActionBar(Sherlock)而不是在旧版Android中按菜单键时在底部显示菜单的标准方式。

<menu xmlns:android="http://schemas.android.com/apk/res/android" >
<item
    android:id="@+id/root_menu"
    android:icon="@drawable/ic_menu_moreoverflow_normal_holo_light"
    android:showAsAction="always"
    android:title="More">
    <menu>
        <item
            android:id="@+id/menu_settings"
            android:icon="@drawable/ic_menu_settings_holo_light"
            android:showAsAction="never"
            android:title="Settings" />
        <item
            android:id="@+id/menu_about"
            android:icon="@drawable/ic_menu_info_details"
            android:showAsAction="never"
            android:title="About"/>
   </menu>
</item>
</menu>

答案 1 :(得分:6)

1,在com.actionbarsherlock.internal.view.menu.MenuBuilder.java中将值更改为“mOptionalIconsVisible”的true。然后你会看到图标。 仅适用于ActionBarSherlockCompact.java。

2,更改源代码,为MenuBuilder.java和MenuWrapper.java添加api以设置图标。

答案 2 :(得分:5)

我有一个解决这种情况的方法。如果您确定要在溢出菜单中放置什么,则可以将它们放在子菜单中,并且可以通过覆盖onCreateOptionsMenu方法将该子菜单项的图标和标题与子菜单放在一起。

这是我为实现此功能所做的工作:

@Override
public boolean onCreateOptionsMenu(Menu menu) {

    menu.add(0, 1, 1, "MENU ONE TITLE")
    .setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS | MenuItem.SHOW_AS_ACTION_WITH_TEXT);

    SubMenu subMenu = menu.addSubMenu(0, 0, 2, "MENU TWO TITLE");

    subMenu.add(0, 2, 2, "SUB MENU ONE TITLE")
    .setIcon(R.drawable.sub_menu_one_icon);

    subMenu.add(0, 3, 3, "SUB MENU TWO TITLE")
    .setIcon(R.drawable.sub_menu_two_icon);

    MenuItem subMenuItem = subMenu.getItem();
    subMenuItem.setIcon(R.drawable.menu_two_icon);
    subMenuItem.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS | MenuItem.SHOW_AS_ACTION_WITH_TEXT);

    return super.onCreateOptionsMenu(menu);
}

答案 3 :(得分:0)

实际上,即使对于为溢出菜单创建的弹出菜单,也可以在文本中添加图标。例如:

final MenuItem menuItem=...
final ImageSpan imageSpan=new ImageSpan(this,R.drawable.ic_stat_app_icon);
final CharSequence title=" "+menuItem.getTitle();
final SpannableString spannableString=new SpannableString(title);
spannableString.setSpan(imageSpan,0,1,0);
menuItem.setTitle(spannableString);

这将在菜单项的开头放置一个图标,就在其原始文本之前。