Pop Up Menu Android Application

Introduction

 

In this article, I will show you how to create a pop-up menu Android app using Android Studio.  Android Popup menu displays the menu below the anchor text if space is available otherwise, it displays the menu above the anchor text. It disappears if you tap outside the pop-up menu.

 

Requirements

• Android Studio version 2.3.3
• Little bit XML and JAVA knowledge.
• Android Emulator (or) Android mobile
• Download link (Android Studio)

Steps to be followed

 

Follow these steps to create a pop-up menu Android app. I have included the source code below.

 

Step 1

 

Open Android Studio and start a new Android Studio Project.

 

 

Step 2

 

You can choose your application name and choose where your project is stored. If you wish to use C++ for coding the project, mark the "Include C++ support", and click the "Next" button.

 

 

Step 3

 

Now, select the version of Android and select the target Android devices. We need to choose the SDK level which plays an important role in running the application.

 

 

Step 4

 

Now, add the activity and click the "Next" button.

 

 

Step 5

 

Add Activity name and click "Finish".

 

 

Step 6

 

Go to activity_main.xml. This XML file contains the designing code for your Android app.

 

 

The XML code is given below.

<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"
    tools:context="abu.popup.MainActivity" >

    <TextView

        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="POP UP " />

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:layout_marginLeft="62dp"
        android:layout_marginTop="50dp"
        android:text="Show Popup" />
</RelativeLayout>

Step 6

 

Go to  Main Activity.java. This Java program is the backend language for Android.

 

 

The Java code is given below.

package abu.popup;
import android.os.Bundle;
import android.app.Activity;
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.Toast;
public class MainActivity extends Activity {
    Button button1;

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

        button1 = (Button) findViewById(R.id.button1);
        button1.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {

                PopupMenu popup = new PopupMenu(MainActivity.this, button1);

                popup.getMenuInflater().inflate(R.menu.popup_menu, popup.getMenu());

                popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
                    public boolean onMenuItemClick(MenuItem item) {
                        Toast.makeText(MainActivity.this,"You Clicked : " + item.getTitle(),Toast.LENGTH_SHORT).show();
                        return true;
                    }
                });

                popup.show();            }
        });
    }
}

Step 7

 

Create a new XML file and name it as “popup_menu.xml”. Add the below code into it.

 

 

The menu XML code is given below.

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

    <item
        android:id="@+id/two"
        android:title="c# corner"/>

    <item
        android:id="@+id/three"
        android:title="pop up"/>

    <item
        android:id="@+id/four"
        android:title="articles"/>

    <item
        android:id="@+id/five"
        android:title="message"/>

</menu>

Step 8

 

Now, go to the menu bar and click "Make Project" or press ctrl+f9 to debug the error.

 

 

Step 9

 

Then, click the "Run" button or press shift+f10 to run the project. Choose the "virtual machine" option and click OK.

 

 

Conclusion

 

We have successfully created a pop-up menu Android application using Android Studio.