Tuesday, March 17, 2015

Membuat Dialog Keluar (Close Dialog) Android di EClipse Menggunakan Button


Assalammu’alaikum Warahmatullahi Wabarakatuh..

Alhamdulillah, wassalawattu, wassalammu’alarosulillah ‘ammaba’du..

Tutorial kali ini saya akan membuat sebuat alert dialog untuk close dialog atau bahasa orang awamnya yaitu dialog yang muncul ketika kita mau keluar dari aplikasi. Langkah-langkahnya sederhana, untuk membuat close dialog kita bisa menggunakan 2 cara, yang pertama dengan menggunakan sebuah button pada file xml ada, dan juga bisa langsung dengan menggunakan tombol back ketika aplikasi berada pada menu utama. Untuk menampilkan close dialog menggunakan tombol back anda bisa melihatnya di tutorial saya selanjutnya.. :D

Langkah-langkah membuat close dialog menggunakan button..

1. Buat project baru di eclipse


Selanjutnya next next saja.. :D saya asumsikan sudah bisa membuat projrct baru di eclipse..

2. Tambahkan button pada activity_main.xml (button yang dijadikan untuk keluar) seperti ini:


3. Selanjutnya double klik pada button tersebut, kemudian ganti android:id nya menjadi “btnExit” seperti dibawah ini..


4. Kemudian buka file MainAcitvti.java

Sedikit penjelasan mengenai code dibawah:
- button = (Button) findViewById(R.id.btnExit); digunakan untuk mencari button pada activity_main.xml
- “R.id.btnExit” adalah nama id dari button di activity_main.xml
button.setOnClickListener(new OnClickListener()
adalah fungsi ketika button di klik..

copy code dibawah nama packagenya (yosef.hadyan.closedialogbutton;)..
/*author yosef hadyan*/
import android.app.Activity;
import android.app.AlertDialog;
import android.content.Context;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;

public class MainActivity extends Activity {
	 
	 final Context context = this;
	 private Button button;
	 
	 public void onCreate(Bundle savedInstanceState) {
	 
	  super.onCreate(savedInstanceState);
	  setContentView(R.layout.activity_main);
	 
	  button = (Button) findViewById(R.id.btnExit); 
	 
	  // add button listener
	  button.setOnClickListener(new OnClickListener() {
	 
	  @Override
	  public void onClick(View arg0) {
	 
	   AlertDialog.Builder alertDialogBuilder = new AlertDialog.Builder(
	    context);
	 
	   // set title
	   alertDialogBuilder.setTitle("Your Title");
	 
	   // set dialog message
	   alertDialogBuilder
	    .setMessage("Click yes to exit!")
	    .setCancelable(false)
	    .setPositiveButton("Yes",new DialogInterface.OnClickListener() {
	     public void onClick(DialogInterface dialog,int id) {
	      // if this button is clicked, close
	      // current activity
	      MainActivity.this.finish();
	     }
	      })
	    .setNegativeButton("No",new DialogInterface.OnClickListener() {
	     public void onClick(DialogInterface dialog,int id) {
	      // if this button is clicked, just close
	      // the dialog box and do nothing
	      dialog.cancel();
	     }
	    });
	 
	    // create alert dialog
	    AlertDialog alertDialog = alertDialogBuilder.create();
	 
	    // show it
	    alertDialog.show();
	   }
	  });
	 }
	}

hasilnya seperti ini:



Meskipun disini saya mengajarkan untuk copy paste, tapi sebisa saya saya sudah jelaskan sedikit tentang fungsi-fungsi dari coding diatas, ingat konsep tentang pemograman yaitu ATM (Amati, Tiru, Modifikasi) jangan hanya bisa mencopy paste saja ya ^_^. Ok sekian tutorial kali ini, semoga bermanfaat. Kalau ada yang tidak dimengerti bisa komentar dibawah ini:

Wassalammu’alaikum Warahmatullahi Wabarakatuh..






No comments:

Post a Comment