Android | Membuat Dialog Popup

Nah mumpung lagi ga ada kerjaan iseng" buat artikel ya :D

sekarang mau buat artikel tentang membuat Dialog popup nih gambaran tentang Dialog Popup

Langsung aja ya ke coding'nya ! hehe ,

• Buat project File -> New -> Android Project dan beri nama Activity  MainActivity (default aja deh :p )
• Buka MainActivity.javadan beri code seperti di bawah ini :

    package id.ketikanpelajarbodoh.popup;

import android.os.Bundle;
import android.app.Activity;
import android.app.Dialog;
import android.content.DialogInterface;
import android.content.DialogInterface.OnClickListener;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.widget.Button;



public class MainActivity extends Activity implements OnClickListener {
	//membuat dialog dengan variable popup
	Dialog popup;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//medeklarasikan button dengan id yg di buat tadi adalah pop up
		 Button btnpopup=(Button)findViewById(R.id.popup);
		 
		 btnpopup.setOnClickListener(new View.OnClickListener() {
				
				@Override
				public void onClick(View v) {
				//membuat pop up yg variablenya tadi sudah di buat
					popup();
					
				}
			});
	}

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

	@Override
	public void onClick(DialogInterface arg0, int arg1) {
		// TODO Auto-generated method stub
		
	}
	//mendeklarasikan popup
	public void popup(){
			//membuat dialog baru dengan nama popup
		popup  = new Dialog(MainActivity.this,android.R.style.Theme_Translucent);
			//mengambil fitur dengan nama popup
		popup.requestWindowFeature(Window.FEATURE_NO_TITLE);
		popup.setCancelable(true);
			// mengambil layout popup.xml
		popup.setContentView(R.layout.popup);
			// membuat tombol close
	Button btnclose = (Button)popup.findViewById(R.id.btnclosezowat);
	btnclose.setOnClickListener(new View.OnClickListener() {
		
		@Override
		public void onClick(View v) {
			// TODO Auto-generated method stub
			//popup di hilangkan bila mengeklik tombol close 
			popup.dismiss();	
		}
	});
	//menampilkan popup
	popup.show();
	}

}
 

• Buka activity_main.xml dan beri code seperti di bawah ini :

    

<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="#f000"
   
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/popup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="70dp"
        android:layout_marginRight="67dp"
        android:text="PopUp" />

</RelativeLayout>

 

• Buat XML baru Klik Kanan -> New -> Android XML FILE dan beri nama Activity  popup.xml
• Lalu beri code seperti di bawah ini :

    <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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:background="#f000"
   
    tools:context=".MainActivity" >

    <Button
        android:id="@+id/popup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:layout_marginBottom="70dp"
        android:layout_marginRight="67dp"
        android:text="PopUp" />

</RelativeLayout> 

Nah selesai deh , sekarang coba di Play emulator'nya ~

• Download