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
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 "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 "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 menu bar and click "Make Project" or press ctrl+f9 to debug the error.
Step 9
Then, click "Run" button or press shift+f10 to run the project. Choose the "virtual machine" option and click OK.
Conclusion
We have successfully created pop-up menu Android application using Android Studio.