Android: Create a PopUp Window Example

MainActivity.java

package com.example.popupwindow;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity {

   Button btn;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    btn =(Button)findViewById(R.id.PopUp_btn);
    btn.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View arg0) {
// TODO Auto-generated method stub

startActivity(new Intent(MainActivity.this, Popup.class));
}
});

}

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.activity_main, menu);
        return true;
    }
   
}

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"

    tools:context=".MainActivity" >

    <Button

        android:id="@+id/PopUp_btn"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="172dp"

        android:text="Show Pop up Window" />

</RelativeLayout>

Popup.java

package com.example.popupwindow;

import android.os.Bundle;

import android.app.Activity;

import android.util.DisplayMetrics;

import android.view.Menu;

public class Popup extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_popup);

DisplayMetrics display =new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(display);

int width = display.widthPixels;

int height = display.heightPixels;

getWindow().setLayout((int)(width*.8),(int) (height*.6));

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.activity_popup, menu);

return true;

}

}

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

    tools:context=".Popup"

    android:background="#B8D799" >

    <TextView

        android:id="@+id/textView1"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:layout_centerHorizontal="true"

        android:layout_marginTop="140dp"

        android:text="Sample PopUp Window"

        android:textAppearance="?android:attr/textAppearanceLarge" />

</RelativeLayout>

styles.xml

<resources>

    <!--

        Base application theme, dependent on API level. This theme is replaced

        by AppBaseTheme from res/values-vXX/styles.xml on newer devices.

    -->

    <style name="AppBaseTheme" parent="android:Theme.Light">

        <!--

            Theme customizations available in newer API levels can go in

            res/values-vXX/styles.xml, while customizations related to

            backward-compatibility can go here.

        -->

    </style>

    <!-- Application theme. -->

    <style name="AppTheme" parent="AppBaseTheme">

        <!-- All customizations that are NOT specific to a particular API-level can go here. -->

    </style>

    

<!-- This is the CustomTheme for PopUp Window -->

    <style name="AppTheme.CustomeTheme">

        

        <item name="android:windowIsTranslucent">true</item>

        <item name="android:windowCloseOnTouchOutside">true</item>

        

        

    </style>

    

</resources>

popupwindow.Manifest

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

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

    package="com.example.popupwindow"

    android:versionCode="1"

    android:versionName="1.0" >

    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="17" />

    <application

        android:allowBackup="true"

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name="com.example.popupwindow.MainActivity"

            android:label="@string/app_name"

            android:theme="@style/AppTheme.CustomeTheme" >

            <intent-filter>

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

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

            </intent-filter>

        </activity>

        <activity

            android:name="com.example.popupwindow.Popup"

            android:label="@string/title_activity_popup" >

        </activity>

    </application>

</manifest>

Download the Code Here

Output: