Creating Pop Up Menu in Android

Introdution

This article explains PopUp menus in Android. Android Studio is used to create the sample.

A PopUp menu is a type of menu that contains a menu and displys that menu below the anchor text if space is available. If the space is not available then it displays it above the Anchor text. It appears untill when you do not click on the pop-up menu text.

For this you need to create an XML file inside "res/menu/popup" like this:

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

     <item        
       android:id="@+id/one"
     android:title="Android"/>

    <item        android:id="@+id/two"        android:title="BlackBerry"/>    <item        android:id="@+id/three"        android:title="Apple"/> 

</menu>Step 1
Create a project like this:

Step 2
Create an XML file with this:

<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=".MainActivity"

    android:background="#fdacbd">

    <Button

        android:id="@+id/button"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentLeft="true"

        android:layout_alignParentTop="true"

        android:layout_marginLeft="110dp"

        android:layout_marginTop="80dp"

        android:text="Show Popup" />

</RelativeLayout>Step 3
Create another XML file with this:

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

    <item

        android:id="@+id/one"

        android:title="Android"/>

    <item

        android:id="@+id/two"

        android:title="BlackBerry"/>

    <item

        android:id="@+id/three"

        android:title="Apple"/>

</menu>

Step 4
Create a Java class file and with the following.
 

In this you create the id of the button on which you pop up the menu. Now you will crate the instance of the PopUp menu, then you will poulete.

package com.popupmenu;
 

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 button;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

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

        button.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View v) {

                //Creating the instance of PopupMenu

                PopupMenu popupMenu = new PopupMenu(MainActivity.this, button);

                //Inflating the Popup using xml file

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

                //registering popup with OnMenuItemClickListener

                popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {

                    public boolean onMenuItemClick(MenuItem item) {

                        Toast.makeText(MainActivity.this,"Button Clicked : " + item.getTitle(),Toast.LENGTH_SHORT).show();

                        return true;

                    }

                });

                popupMenu.show();//showing popup menu

            }

        });//closing the setOnClickListener method

    }

}Step 5

Android Manifest.xml file
 

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.popupmenu"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="7"

        android:targetSdkVersion="16" />

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.popupmenu.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>

</manifest>

Step 6
 

Popup menu

Read More

How to Create a Web View in Android Application

WEB VIEW :-
A WebView is used to dispaly web pages or to display some online content in your activity. It can either display remote web pages or load static HTML data. For this you need to give permission to the Android menifest.xml file. For that we need to first use the getsettings() method to get the object that handles settings of the WebView. You need to set the setJavaScriptEnables() to true to enable the JavaScript because JavaScript is disabled for the WebView.

Step 1

Create an XML file and write this:

<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"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    android:paddingBottom="@dimen/activity_vertical_margin"

    tools:context=".MainActivity"

        android:background="#81a3d0">

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/button"

            android:text="www.google.com"/>

</RelativeLayout>Step 2Create another XML file with the following:
 

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

              android:orientation="vertical"

              android:layout_width="match_parent"

              android:layout_height="match_parent">

    <WebView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:id="@+id/webView"

            android:layout_gravity="center">

            </WebView>

</LinearLayout>Step 3Create a Java class file and write this:

package com.webviewexample;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

public class MainActivity extends Activity {

Button button;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

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

        button.setOnClickListener(new View.OnClickListener() {

            @Override

            public void onClick(View view) {

                Intent i=new Intent(MainActivity.this,Web.class);

         startActivity(i);

            }

        });

    }

}Step 4Create another Java class and write this:
 

<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"

    android:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    android:paddingBottom="@dimen/activity_vertical_margin"

    tools:context=".MainActivity"

        android:background="#81a3d0">

    <Button

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:id="@+id/button"

            android:text="www.google.com"/>

</RelativeLayout>Step 4Change the Android menifest,xml file so that it is like this:

 

<?xml version="1.0" encoding="utf-8"?>

<manifest xmlns:android="http://schemas.android.com/apk/res/android"

    package="com.webviewexample"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="7"

        android:targetSdkVersion="16" />

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.webviewexample.MainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

        <activity

                android:name=".Web">

        </activity>

    </application>

</manifest>
Step 5
Step 6

Read More