如何将下拉菜单添加到android.support.v7.widget.Toolbar中的小部件

Question

I'm using android.support.v7.widget.Toolbar

Here's my tool bar layout

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="?attr/colorPrimary"
    app:popupTheme="@style/AppTheme.PopupOverlay" >

    <ImageButton
        android:id="@+id/scannerSettingsButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end"
        android:background="@android:drawable/ic_menu_preferences"
        />

    <ToggleButton
        android:id="@+id/scannerButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00000000"
        android:layout_gravity="end"
        android:textOn="SCAN"
        android:textOff="STOP"/>

    <ProgressBar
        android:id="@+id/progress_spinner"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:indeterminate="true"
        android:layout_marginBottom="15dp"
        android:layout_marginTop="15dp"
        android:layout_gravity="end"
        />

</android.support.v7.widget.Toolbar>

Here's my icons in the toolbar layout

I would like a drop down menu to appear when the user clicks on the @id/scannerSettingsButton which is the wrench styled icon boxed in with red farthest to the right.

Here is an example of a drop down menu

Any idea how to add a drop down menu to my ImageButton ?

Thanks

Answer 1

Create your menu.xml file like this

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

    <item
        android:id="@+id/menu1"
        android:icon="@mipmap/ic_launcher"
        android:title="menu"
        app:showAsAction="ifRoom|withText" >
    <menu>
         <item
            android:id="@+id/submenu1"
            android:title="sub_menu1" />
        <item
            android:id="@+id/submenu2"
            android:title="sub_menu2" />
        <item
            android:id="@+id/submenu3"
            android:title="sub_menu3" />
    </menu>
</item>
</menu>

Override onCreateOptionsMenu

@Override
    public boolean onCreateOptionsMenu(Menu menu) {

        getMenuInflater().inflate(R.menu.menu_toolbar,menu);
        return true;
    }

Override onOptionsItemSelected

@Override
    public boolean onOptionsItemSelected(MenuItem item) {
         int id = item.getItemId();
        switch (id) {
            case R.id.submenu1:
//add your method
                return true;

            case R.id.submenu2:
//add your method
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }

    }