ActionBar appcompat submenu

Question

In my application android I would like to add an actionbar like this (that it have a submenu)

my xml code is

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto" >
    <item
        android:id="@+id/menu_item_search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        app:showAsAction="always"
        android:icon="@drawable/abc_ic_search"
        android:title="Search Products">
    </item>

    <item
        android:id="@+id/menu_Home"
        app:showAsAction="never"
        android:icon="@drawable/abc_ic_search"
        android:showAsAction="ifRoom|withText"
        android:title="Home"/>
    <item
        android:id="@+id/menu_favourite"
        app:showAsAction="never"
        android:icon="@drawable/abc_ic_search"
        android:showAsAction="ifRoom|withText"
        android:title="favourite"/>
    <item
        android:id="@+id/menu_Balance"
        app:showAsAction="never"
        android:icon="@drawable/abc_ic_search"
        android:showAsAction="ifRoom|withText"
        android:title="Balance"/>
    <item
        android:id="@+id/menu_logout"
        android:icon="@drawable/abc_ic_search"
        app:showAsAction="never"
        android:showAsAction="ifRoom|withText"
        android:title="Logout"/>
</menu>

in android sdk 2.x the result it's not what i want

i tryed also

<item
    android:id="@+id/root_menu"
    DetailsPage:showAsAction="always"
    android:icon="@drawable/abc_ic_menu_moreoverflow_normal_holo_light"
    android:title="More">
    <menu>
        <item
            android:id="@+id/menu_Home"
            DetailsPage:showAsAction="ifRoom|withText"
            android:icon="@drawable/abc_ic_search"
            android:showAsAction="ifRoom|withText"
            android:title="Home"/>
        <item
            android:id="@+id/menu_Balance"
            DetailsPage:showAsAction="ifRoom|withText"
            android:icon="@drawable/abc_ic_search"
            android:showAsAction="ifRoom|withText"
            android:title="Balance"/>
        <item
            android:id="@+id/menu_logout"
            android:icon="@drawable/abc_ic_search"
            DetailsPage:showAsAction="ifRoom|withText"
            android:showAsAction="ifRoom|withText"
            android:title="Logout"/>
    </menu>
</item>

what I what to do to have the same picture plz ( maybe menu popup ?)

help me plz

Answer 1

Changing the namespace from app to compat solved my problem:

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


    <item
        android:id="@+id/action_submenu"
        android:title="@string/action_submenu"
        android:icon="@drawable/abc_ic_menu_moreoverflow_normal_holo_dark"
        compat:showAsAction="always">

        <menu>
            <item
                android:id="@+id/action_settings"
                android:title="@string/action_settings"
                compat:showAsAction="always"/>

            <item
                android:id="@+id/action_example"
                android:title="@string/action_example"
                compat:showAsAction="withText|ifRoom"/>
        </menu>
    </item>

</menu>