Senin

Belajar membuat Menu di Android

Pada kesempatan kali ini saya akan mencoba membuat sebuah menu di aplikasi Android yang nantinya akan kita buat, dimana pada menu tersebut terdapat menu About Me dan juga Exit.

Langsung aja bikin project baru dengan setting seperti berikut :

Project name: Belajar Menu
Application name: Belajar Menu
Package name: com.belajarmenu
Create Activity: MainActivity

Langkah selanjutnya setelah project Belajar Menu dibuat kita masuk ke file string.xml lalu ketik coding xml berikut ini :

<string name="tentang">About Me</string>
      <string name="exit">Exit</string>
      <string name="pesan_tentang">Hallo, my name is Firdan Ardiansyah, nice to meet you.</string>
      <string name="ok">OK</string>
      <string name="app_exit">Exit</string>
      <string name="pesan_app_exit">Exit?</string>
      <string name="no">No</string>

Nah sekarang kita telah berhasil menambahkan string tentang, exit, pesan_tentang, ok, app_exit, pesan_app_exit dan no. sekarang kita masuk ke MainActivity.java lalu override onCreateOptionsMenu dan juga onOptionsItemSelected dengan cara klik kanan – source – Override/Implements Method.

Selanjutnya buat 2 buah method baru dengan nama bukaDialog dan tutupDialog. Untuk lebih jelasnya lihat coding keseluruhannya dibawah ini ya :

package com.belajarmenu;

import android.os.Bundle;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.view.Menu;
import android.view.MenuItem;

public class MainActivity extends Activity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

                @Override
                public boolean onCreateOptionsMenu(Menu menu) {
                                // TODO Auto-generated method stub
                                menu.add(0,0,0, R.string.tentang);
                                menu.add(0,1,1, R.string.exit);
                                return super.onCreateOptionsMenu(menu);
                }

                @Override
                public boolean onOptionsItemSelected(MenuItem item) {
                                // TODO Auto-generated method stub
                               
                                super.onOptionsItemSelected(item);
                               
                                switch(item.getItemId()){
                                case 0:
                                                bukaDialog();
                                                break;
                                case 1 :
                                                tutupDialog();
                                                break;
                                }
                                return true;
                }
               
                private void bukaDialog(){
                                new AlertDialog.Builder(this)
                                .setTitle(R.string.tentang)
                                .setMessage(R.string.pesan_tentang)
                                .setPositiveButton(R.string.ok,
                                                                new DialogInterface.OnClickListener() {
                                               
                                                public void onClick(DialogInterface dialog, int i) {
                                                                // TODO Auto-generated method stub
                                                               
                                                }
                                }).show();
                                }
               
                private void tutupDialog(){
                                new AlertDialog.Builder(this)
                                .setTitle(R.string.app_exit)
                                .setMessage(R.string.pesan_app_exit)
                                .setNegativeButton(R.string.no,
                                new DialogInterface.OnClickListener()
                                {
                                public void onClick(DialogInterface dialoginterface, int i)
                                {}
                                })
                                .setPositiveButton(R.string.ok,
                                new DialogInterface.OnClickListener()
                                {
                                public void onClick(DialogInterface dialoginterface, int i)
                                {
                                 finish();
                                }
                                })
                                .show();
                } 
}

Sekarang kita coba jalankan melalui emulator, maka tampilannya akan seperti gambar berikut ini :




Nah pada saat tombol menu yang ada di emulator diklik, maka akan keluar dua buah menu, yang pertama adalah menu tentang dan yang kedua adalah menu exit. pada saat menu tentang di pilih maka akan keluar Dialog yang memberikan informasi mengenai pembuat dan juga pada saat tombol exit dipilih akan keluar dialog yang meyakinkan apakah anda ingin keluar atau tidak.

Bagi yang ingin download source codenya silahkan dowload disini :

2 comments

Adib Mahdy 20 Januari 2015 pukul 07.11

manteb keren ini yg saya cari

PJ 20 Januari 2015 pukul 07.12

keren gan, work 100%

Posting Komentar

Silahkan Berikan Komentar Anda Disini.

Ping your blog, website, or RSS feed for Free