带有操作栏选项菜单项的图像图标

时间:2016-01-06 09:55:33

标签: android android-actionbar optionmenu

我想在Action Bar中使用图像图标显示Navigation Drawer Bar的选项菜单项。

现在,我的应用程序选项菜单显示如下:
如何显示带有项目1,项目2等的图像图标。

enter image description here

3 个答案:

答案 0 :(得分:7)

下面的代码解决了我的问题。来自此链接:How To show icons in Overflow menu in ActionBar

<item
    android:id="@+id/empty"
    android:icon="@drawable/ic_action_overflow"
    android:orderInCategory="101"
    android:showAsAction="always">
    <menu>
        <item
            android:id="@+id/action_show_ir_list"
            android:icon="@drawable/ic_menu_friendslist"
            android:showAsAction="always|withText"
            android:title="List"/>
    </menu>
</item>

答案 1 :(得分:1)

以下是您正在寻找的解决方案复制此菜单。xml并根据您的需要更改图标和名称mipmap

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/main_menu"
        android:actionViewClass="android.widget.ImageButton"
        android:icon="@mipmap/menu"
        android:orderInCategory="200"
        android:title="@string/action_settings"
        app:showAsAction="always">
        <menu>
            <item
                android:id="@+id/home"
                android:icon="@mipmap/home_menu"
                android:title="Home" />
            <item
                android:id="@+id/edit_profile"
                android:icon="@mipmap/my_account"
                android:title="Profile" />
            <item
                android:id="@+id/my_account"
                android:icon="@mipmap/my_account"
                android:title="My Account" />
            <item
                android:id="@+id/messages"
                android:icon="@mipmap/message1"
                android:title="Messages" />
            <item
                android:id="@+id/notification"
                android:icon="@mipmap/notification"
                android:title="Notifications" />
            <item
                android:id="@+id/settings"
                android:icon="@mipmap/settings"
                android:title="Settings" />
            <item
                android:id="@+id/logout"
                android:icon="@mipmap/logout"
                android:title="Logout" />
        </menu>

    </item>
</menu>

然后像这样创建menu_main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    tools:context=".MainActivity">
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="@string/action_settings"
        app:showAsAction="never" />
</menu>

答案 2 :(得分:0)

与抽屉视图相同

<?xml version="1.0" encoding="utf-8"?>

<group android:checkableBehavior="single">
    <item
        android:id="@+id/navigation_item_attachment"
        android:checked="true"
        android:icon="@drawable/ic_attachment"
        android:title="@string/nav_item_attachment" />
    <item
        android:id="@+id/navigation_item_images"
        android:icon="@drawable/ic_image"
        android:title="@string/nav_item_images" />
    <item
        android:id="@+id/navigation_item_location"
        android:icon="@drawable/ic_place"
        android:title="@string/nav_item_location" />
</group>

<item android:title="@string/nav_sub_menu">
    <menu>
        <item
            android:icon="@drawable/ic_emoticon"
            android:title="@string/nav_sub_menu_item01" />
        <item
            android:icon="@drawable/ic_emoticon"
            android:title="@string/nav_sub_menu_item02" />
    </menu>
</item>

new menu.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
tools:context="com.yadav.bookedup.MainActivity">

<item
    android:id="@+id/action_search"
    android:title="@string/action_search"
    android:orderInCategory="200"
    android:icon="@drawable/abc_ic_search_api_mtrl_alpha"
    app:showAsAction="ifRoom|collapseActionView"
    />

<item
    android:id="@+id/action_notf"
    android:title="Notification"
    android:orderInCategory="200"
    android:icon="@drawable/notf"
    app:showAsAction="ifRoom|collapseActionView"
    />


<item
    android:id="@+id/action_info"
    android:orderInCategory="100"
    android:title="Info"
    app:showAsAction="never"
    android:icon="@drawable/ic_image" />

<item
    android:id="@+id/req_clg"
    android:orderInCategory="100"
    android:title="Request College"
    app:showAsAction="never"
    android:icon="@drawable/ic_image" />
<item
    android:id="@+id/req_book"
    android:orderInCategory="100"
    android:title="Request Books"
    app:showAsAction="never"
    android:icon="@drawable/ic_image" />
<item
    android:id="@+id/share_app"
    android:orderInCategory="100"
    android:title="Share the app"
    app:showAsAction="never"
    android:icon="@drawable/ic_image" />
<item
    android:id="@+id/rate_app"
    android:orderInCategory="100"
    android:title="Rate the App"
    app:showAsAction="never" />
<item
    android:id="@+id/action_terms"
    android:orderInCategory="100"
    android:title="Terms &amp; Conditions"
    app:showAsAction="never" />

<item
    android:id="@+id/action_about"
    android:orderInCategory="100"
    android:title="About Us"
    app:showAsAction="never" />
<item
    android:id="@+id/action_contct"
    android:orderInCategory="100"
    android:title="Contact Us"
    app:showAsAction="never" />