Contoh Menghandle Back Button Untuk Keluar Aplikasi Pada Android

Contoh Aplikasi Ini bertujuan untuk menghandle tombol back button yang ada pada perangkat smartphone berbasis Android. Seperti yang kita ketahui, android tidak memiliki tombol khusus yang digunakan untuk keluar Aplikasi, semua smartphone berbasis Android hanya memiliki tombol [Back Button] yang digunakan baik untuk keperluan back / kembali pada Activity sebelumnya, maupun untuk keperluan keluar aplikasi.

Pada tutorial ini Kita akan memberikan contoh code sederhana yang akan digunakan untuk menghandle action back button tersebut, agar bisa memutuskan untuk keluar aplikasi atau tidak. Karena berdasarkan pengalaman, kita tidak ingin keluar aplikasi, tetapi karena sebagian besar aplikasi tidak menghandle back button, otomatis kita akan keluar aplikasi jika kebanyakan Mengklik back button tersebut..mari kita lanjut.. 

1 2 3  Mulai

1. Buat Project Android
2. Buat layout home.xml yang akan kita gunakan untuk halaman utama/ home

<xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="Page HOME" android:textAppearance="?android:attr/textAppearanceLarge" /> <Button android:id="@+id/btnPageTwo" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="Go To Page 2" /> </LinearLayout

3. Buat layout page_2.xml yang akan kita gunakan untuk layout halaman kedua
<xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="Page 2" android:textAppearance="?android:attr/textAppearanceLarge" /> <Button android:id="@+id/btnGoHome" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:text="Go To Home" /> </LinearLayout>

4. Buat class activity Home yang akan digunakan untuk Activity utama dan yang akan menghandle action saat back button di klik

public class Home extends Activity implements OnClickListener { // deklarasi alert dialog & button private AlertDialog.Builder alertDialogBuilder; private Button btnPageTwo; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.home); // instansiasi btn btnPageTwo = (Button) findViewById(R.id.btnPageTwo); // beri action saat click, menggunakan parameter this tapi class harus // mengimplementasikan inteface OnClickListener btnPageTwo.setOnClickListener(this); } // override method onKeyUp @Override public boolean onKeyUp(int keyCode, KeyEvent event) { // filter keyCode, apabila back button yang di click, maka berikan // action untuk menampikan alert dialog if (keyCode == KeyEvent.KEYCODE_BACK) { if (alertDialogBuilder == null) { alertDialogBuilder = new AlertDialog.Builder(this); } alertDialogBuilder.setTitle("Beneran Mau Keluar???"); alertDialogBuilder .setMessage("Klik YA untuk keluar.. http://dedepradana.org/wp-includes/images/smilies/icon_wink.gif" alt=";)" class="wp-smiley"> ") .setCancelable(false) .setPositiveButton("YA", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int id) { // menghancurkan activity / keluar aplikasi finish(); } }) .setNegativeButton("TIDAK", new DialogInterface.OnClickListener() { public void onClick(DialogInterface dialog, int id) { dialog.cancel(); } }).create().show(); } return false; } // action saat click button @Override public void onClick(View v) { // ke page 2 Intent intent = new Intent(Home.this, PageTwo.class); startActivity(intent); } }

5. Buat class activity PageTwo yang akan digunakan untuk Activity halaman kedua dan yang akan mendemokan pada system Android.

public class PageTwo extends Activity implements OnClickListener { private Button goHome; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.page_2); goHome = (Button) findViewById(R.id.btnGoHome); goHome.setOnClickListener(this); } @Override public void onClick(View v) { Intent intent = new Intent(PageTwo.this, Home.class); intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); startActivity(intent); } }

Oke, saya akan menjelaskan kepada teman-teman kenapa saya menggunakan fungsi setFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP) pada intent yang mengarah ke Activity Home, fungsi setFlags dengan parameter FLAG_ACTIVITY_CLEAR_TOP itu digunakan untuk menghancurkan Activity-activity yang sedang dalam keadaan onPause, atau bisa dikatakan Activity yang sebenarnya statusnya masih hidup, cuman dalam keadaan pause karena adanya Activity yang menumpuk diatasnya.

Kalo ada yang tanya kenapa harus dihancurkan?? Sebab jika kita tidak menghancurkan Activity2 tersebut, maka sangat percuma jika kita memberikan action pada back button yang bertujuan untuk keluar dari aplikasi. Tau kenapa? karena ketika kita memberikan Action finish() untuk mengakhiri aplikasi, system Android hanya akan menghancurkan acitivity tersebut. Dan jika masih ada Activity yang masih dalam keadaan onPause, otomatis Android akan menampilkan Activity onPause tadi. Jadi percuma.. Kita gak akan keluar dari aplikasi.. hahaha.. ok. Lanjut lagi.. maaf jika penjelasan kurang dimengerti..

6. Tambahkan / Edit file AndroidManifest.xml untuk mendaftarkan Activity2 yang telah kita buat sebelumnya.

<application android:icon="@drawable/ic_launcher" android:label="@string/app_name" android:theme="@style/AppTheme" > <activity android:name=".Home" android:label="@string/title_activity_main"> <intent-filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent-filter> </activity> <activity android:name=".PageTwo"> </activity> </application>

7. Selesai.. Sekarang kita running Aplikasi sederhana ini..

Screenshot :

 

Ke page home lagi, kemudian klik back button, maka ketika keluar aplikasi, activity tidak kembali lagi ke Page 2 yang sedang dalam keadaan onPause. Ini desebabkan karena fungsi setFlags FLAG_ACTIVITY_CLEAR_TOP tadi.