A popup menu example in Android

Popup menu is a modal menu that is anchored on a view. It is either displayed below if there is enough room or above the view. Popup menu is introduced in Android HoneyComb ( API level 11 ) version. In this application, a popup menu will be displayed on clicking a button available in the Main Activity.

This application is developed in Eclipse (3.7.2) with ADT plugin ( 20.0.2 ) and Android SDK ( R20.0.1 ).

1. Create an Android Application project namely “PopupMenuDemo”

Figure 1 : Create new Android Application Project

2. Design application launcher

Figure 2 : Design Application Launcherf

3. Create a blank activity

Figure 3 : Create a blank activity

4. Enter activity details

Figure 4 : Enter Activity Details

5. Update the file res/values/strings.xml

<resources>

    <string name="app_name">PopupMenuDemo</string>
    <string name="hello_world">Hello world!</string>
    <string name="menu_settings">Settings</string>
    <string name="title_activity_main">MainActivity</string>

    <string name="str_btn">Open Popup Menu</string>
    <string name="action1">Action1</string>
    <string name="action2">Action2</string>
    <string name="action3">Action3</string>

</resources>

6. Update the file res/layout/activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="@string/str_btn" />
</RelativeLayout>

7. Create a menu file res/menu/popup.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/action1"
        android:title="@string/action1"
    />

    <item
        android:id="@+id/action2"
        android:title="@string/action2"
    />

    <item
        android:id="@+id/action3"
        android:title="@string/action3"
    />

</menu>

8. Update the file src/in/wptrafficanalyzer/popupmenudemo/MainActivity.java

package in.wptrafficanalyzer.popupmenudemo;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.PopupMenu;
import android.widget.PopupMenu.OnMenuItemClickListener;
import android.widget.Toast;

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button btn = (Button) findViewById(R.id.btn);

        OnClickListener listener = new OnClickListener() {

            @Override
            public void onClick(View v) {
                /** Instantiating PopupMenu class */
                PopupMenu popup = new PopupMenu(getBaseContext(), v);

                /** Adding menu items to the popumenu */
                popup.getMenuInflater().inflate(R.menu.popup, popup.getMenu());

                /** Defining menu item click listener for the popup menu */
                popup.setOnMenuItemClickListener(new OnMenuItemClickListener() {

                    @Override
                    public boolean onMenuItemClick(MenuItem item) {
                        Toast.makeText(getBaseContext(), "You selected the action : " + item.getTitle(), Toast.LENGTH_SHORT).show();
                        return true;
                    }
                });

                /** Showing the popup menu */
                popup.show();

            }
        };

        btn.setOnClickListener(listener);
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
}

9. Application in execution

Figure 5 : Popup menu is displayed on button click

10. Download

Popup Menu Demo 673.30 KB

Download Full Source Code

11. Reference

http://developer.android.com/guide/index.html

How to hire me?

I am George Mathew, working as software architect and Android app developer at wptrafficanalyzer.in

You can hire me on hourly basis or on project basis for Android applications development.

For hiring me, please mail your requirements to info@wptrafficanalyzer.in.

My other blogs
store4js.blogspot.com

---

Android Knowledge Quiz

Ready to test your knowledge in Android? Take this quiz :

---

Tags: button, menu, popup menu