1| Membuat Menu Aplikasi Android

MEMBUAT MENU APLIKASI ANDROID

1. Menu pada aplikasi android terdiri dari beberapa jenis. Pertama adalah menu drawer yang
banyak digunakan. Dengan klik icon menu drawer di pojok kiri atas maka akan ditampilkan
menu dengan icon masing masing yang jika di tap salah satu menu nya akan di hide kembali
sehingga tidak menganggu tampilan activity utama.

2. Menu kedua adalah option menu biasanya berisi settingan atau menu tambahan yang sama
untuk setiap activity. Jadi menu tetap sama walaupun activity nya berpindah dari activity utama
ke activity yang lain. Biasanya adalah setting, informasi aplikasi, help dan exit untuk keluar aplikasi.

3. Menu ketiga adalah action bar yang dapat dimunculkan di bar utama setiap activity. Misalnya
shortcut untuk tugas tertentu, search, bookmark dll.

4. Google juga menyediakan banyak template menu yang keren seperti material design.
Contohnya adalah button yang overlay di kanan bawah seperti email, share dll. Untuk material
design karena lebih complex akan kita bahas pada sesi topik terpisah nanti.

5. Pertama kita akan membuat fungsi pesan_toast untuk menampilkan informasi sekilas yang
disebut TOAST. Toast ini akan menampilkan pesan dari menu yang akan ditekan (tapping) untuk
menguji apakah event menunya benar. Buka project android file MainActivity.java. Klik menu di
panel explorer project appjavacom.example.stmikamikriau.myapplicationMainActivity.

6. Tambahkan code program pada line code (baris program) paling bawah seperti dibawah ini :
public void pesan_toast ( final String pesan){

Toast.makeText(getApplicationContext(), pesan, Toast.LENGTH_LONG).show();

STMIK Amik Riau Prodi Ilmu Komputer

2| Membuat Menu Aplikasi Android

7. Android studio akan menginformasikan jika ada class yang belum disertakan dalam file java sebuah
activity dengan perintah ALT+ENTER untuk menyertakannya. Setelah di tekan ALT+ENTER
maka dibagian atas halaman code javanya otomatis akan disertakan class TOAST

8. Kita akan mencoba fungsi ini pada menu drawer Gallery. Tambahkan kode pesan_toast("Hasil
akses menu ..."); berikut pada fungsi onNavigationItemSelected(MenuItem item) sbb :

public boolean onNavigationItemSelected(MenuItem item) {

// Handle navigation view item clicks here.
int id = item.getItemId();

if (id == R.id.nav_camera) {
// Handle the camera action
pesan_toast("Hasil akses menu cemera");
} else if (id == R.id.nav_gallery) {
pesan_toast("Hasil akses menu gellery");

} else if (id == R.id.nav_slideshow) {

pesan_toast("Hasil akses menu slideshow");

} else if (id == R.id.nav_manage) {

pesan_toast("Hasil akses menu manage");

} else if (id == R.id.nav_share) {

pesan_toast("Hasil akses menu share");

} else if (id == R.id.nav_send) {

pesan_toast("Hasil akses menu share");

DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout);

drawer.closeDrawer(GravityCompat.START);
return true;
}

STMIK Amik Riau Prodi Ilmu Komputer

3| Membuat Menu Aplikasi Android

9. Run App untuk menampilkannya pada emulator android Nexus atau USB Device , kemudian
aktivkan menu drawer dan tap masing masing menu. Akan muncul Toast di bagian bawah.

10. Sekarang kita akan menambahkan menu pada option menu yang diakses melalu icon pojok
kanan atas. Kita akan menambahkan menu aplikasi, bantuan dan keluar. Buka file main.xml
pada folder project explorer : app  res  menu  main.xml, tambahkan code sbb :
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item android:id="@+id/action_settings"
android:title="@string/action_settings"
android:orderInCategory="100"
app:showAsAction="never" />
<item android:id="@+id/action_aplikasi"
android:title="@string/action_aplikasi"
android:orderInCategory="100"
app:showAsAction="never" />
<item android:id="@+id/action_bantuan"
android:title="@string/action_bantuan"
android:orderInCategory="100"
app:showAsAction="never" />
<item android:id="@+id/action_keluar"
android:title="@string/action_keluar "
android:orderInCategory="100"
app:showAsAction="never" />
</menu>

STMIK Amik Riau Prodi Ilmu Komputer

4| Membuat Menu Aplikasi Android

11. Terlihat pesan kesalahan berwarna merah dan pada panel display menu juga masih berupa
variable. Karena pada file main.xml terdapat android:title="@string/action_aplikasi" yang
artinya variable xml action_aplikasi pada file res/values/string.xml belum didefinisikan.

12. Pada display menu juga terdapat Rendering Problems “Couldn’t resolve resource @string/action
aplikasi. Artinya variable string action aplikasi belum didefinisikan.

13. Bukalah file string.xml pada panel exploreer app  res  values  string.xml. Definisikan
ketiga variable xlm tersebut sbb :
<resources>
<string name="app_name">Android</string>

<string name="navigation_drawer_open">Open navigation drawer</string>

<string name="navigation_drawer_close">Close navigation drawer</string>

<string name="action_settings">Settings</string>

<string name="action_aplikasi">Aplikasi</string>
<string name="action_bantuan">Bantuan</string>
<string name="action_keluar">Keluar</string>

</resources>

14. Buka kembali file menu main.xml setelah dilakukan pendefinisian variable xml, maka akan
ditampilkan visualisasi menu option tanpa ada pesan kesalahan. Terdapat empat menu pada
option menu yaitu : Settings, Aplikasi, Bantuan dan Keluar

STMIK Amik Riau Prodi Ilmu Komputer

5| Membuat Menu Aplikasi Android

15. Sekarang kita menuliskan code program event tap menu tersebut sehingga jika di tap akan memunculkan
pesan melalui Toast. Kembali ke file MainActivity.java yang telah dibuka. Jika belum terbuka klik
appjavacom.example.stmikamikriau.myapplicationMainActivity. Tambahkan kode
berikut pada fungsi onOptionsItemSelected(MenuItem item) sebagai berikut :

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
//return true;
pesan_toast("Hasil Option Setting");
}else if (id == R.id.action_aplikasi){
pesan_toast("Hasil Option Aplikasi");
}else if (id == R.id.action_bantuan){
pesan_toast("Hasil Option Bantuan");
}else if (id == R.id.action_keluar){
pesan_toast("Hasil Option Keluar");
}

return super.onOptionsItemSelected(item);
}

16. Run App kembali dan aktifkan option menu di gadget emulator atau device USB. Tap salah satu option
menu maka akan ditampilkan toast pesan dibawahnya sesuai dengan action manu masing masing.

STMIK Amik Riau Prodi Ilmu Komputer

6| Membuat Menu Aplikasi Android

17. Terakhir kita akan membuat code untuk option menu keluar dengan dialog form konfirmasi “Apakah anda
akan keluar aplikasi ?”. Jika dijawab YES maka akan keluar aplikasi. Tambahkan kode berikut pada control
flow if then else untuk action_keluar sebuah fungsi keluar().

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
//return true;
pesan_toast("Hasil Option Setting");
}else if (id == R.id.action_aplikasi){
pesan_toast("Hasil Option Aplikasi");
}else if (id == R.id.action_bantuan){
pesan_toast("Hasil Option Bantuan");
}else if (id == R.id.action_keluar){
//pesan_toast("Hasil Option Keluar");

keluar();

return super.onOptionsItemSelected(item);
}

18. Buatlah sebuah fungsi keluar di bagian bawah badan kode MainActivity.java dengan kode program
sebagai berikut :

STMIK Amik Riau Prodi Ilmu Komputer

7| Membuat Menu Aplikasi Android

public void keluar () {

DialogInterface.OnClickListener dialogClickListener = new

DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which){
switch (which){
case DialogInterface.BUTTON_POSITIVE:
finish();
break;
case DialogInterface.BUTTON_NEGATIVE:
break;
}
}
};

AlertDialog.Builder builder = new AlertDialog.Builder(this);

builder.setMessage("Apakah anda akan keluar aplikasi
?").setPositiveButton("Ya",dialogClickListener)
.setNegativeButton("Tidak",dialogClickListener).show();
}

19. Jalankan Button Run App dan uji coba dengan melakukan tap option menu Keluar maka akan ditampilkan
dialog konfirmasi. Tap Button YA maka aplikasi akan keluar.

20. Untuk menu action pada bar activity akan kita bahas ketika menggunakan fragment. Karena Main Activity
jarang menggunakan action bar dalam bentuk icon karena action bar untuk mendukung proses di sebuah
proses tertentu dan bersifat khusus. Sampai Jumpa di Android Studio Ceria berikutnya.

STMIK Amik Riau Prodi Ilmu Komputer