Cara Membuat Option Menu di Android Studio


Assalamualaikum Waramatullahi Wabarakatuh.

Option Menu adalah komponen menu pilihan untuk Aplikasi Android,yang akan tampil ketika user menekan tombol menu pada perangkat Android mereka, tombol menu tersebut biasanya berda disampin kanan atau kiri tombol home.

Option Menu digunakan untuk membantu user menampilkan fitur-fitur yang tersemat pada Aplikasi Android. Banyak sekali aplikasi yang menggunakan Option Menu, salah satunya adalah Google Chrome, jika kita menekan tombol menu saat menjalankan Chrome, maka akan menucul menu pilihan seperti New Tab, Bookmark, Riwayat, Download, dll.


Pada tutorial ini, kita akan belajar, bagaimana cara membuat serta menggunakan Option Menu pada Aplikasi Android, menggunakan Android Studio. Untuk itu mari kita simak tutorial berikut ini.

Materi lainnya yang direkomendasikan:

Belajar Membuat Menu Popup pada Android Studio

Buka aplikasi Android Studio kalian, Buat Project Baru.

Pada activity_main.xml, kalian dapat mengkosongkannya atau contoh kali ini, kita cukup menambahkan TextView sebagai kompenen pelengkap.
<?xml version="1.0" encoding="utf-8"?>
<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:layout_margin="8dp"
    android:background="#FFF5F5F5"
    tools:context="android.cianjur.developer.net.basicandroid.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:text="Contoh Option Menu"
        android:textSize="15sp"
        android:textStyle="bold" />
    
</RelativeLayout>
Untuk membuat sebuah Menu, caranya : Klik kanan pada direktori res > New > Android resource directory, seperti pada gambar berikut ini.


Selanjutnya pilih menu pada Resource type, lalu setelah itu klik Ok.


Disana akan telihat direktori baru bernama menu, klik kanan pada direkotr tersebut, pilih New > Menu resource file, lalu berinama, misalnya "contoh_menu".


Disini kita akan membuat beberapa menu dengan menggunakan tag <menu>, kalian dapat membuatnya bebas, atau seperti berikut ini:
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:id="@+id/menu1"
        android:title="Buka Profil"/>

    <item android:id="@+id/menu2"
        android:title="Tambah Teman"/>

    <item android:id="@+id/menu3"
        android:title="Group"/>

    <item android:id="@+id/menu4"
        android:title="Keluar"/>

</menu>
Selanjutnya kita buka file MainActivity.java. Lalu masukan source code berikut ini:
package android.cianjur.developer.net.basicandroid;

/*
 Dibuat Oleh WILDAN M ATHOILLAH
 */

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity{

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


    //Method ini digunakan untuk menampilkan daftar menu yang sudah kita buat
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.contoh_menu, menu);
        return true;
    }

    //Menthod ini digunakan untuk menangani kejadian saat OptionMenu diklik
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()){
            case R.id.menu1:
                Toast.makeText(getApplicationContext(),"Buka Profil",Toast.LENGTH_SHORT).show();
                break;

            case R.id.menu2:
                Toast.makeText(getApplicationContext(),"Tambah Teman",Toast.LENGTH_SHORT).show();
                break;

            case R.id.menu3:
                Toast.makeText(getApplicationContext(),"Group",Toast.LENGTH_SHORT).show();
                break;

            case R.id.menu4:
                Toast.makeText(getApplicationContext(),"Keluar",Toast.LENGTH_SHORT).show();
                break;
        }
        return true;
    }
}
Penjelasan:

Menu yang sudah kita susun dengan menggunakan file xml, dapat kita muat menggunakan fungsi onCreateOptionsMenu().

Lalu menautkan menu yang sudah kita buat tadi, dengan menggunakan fungsi inflate(), dan menampilkan menu tersebut menggunakan fungsi show().

Pada fungsi onOptionsItemSelected(), kita dapat menangani kejadian pada saat OptionMenu diklik, pada method tersebut kita menggunakan statement switch untuk menentukan kejadian pada masing-masing opsi dengan mendapatkan id pada setiap menu item, jika salah satu menu diklik, maka akan tampil pesan singkat menggunakan Toast.

Tombol Menu biasanya berda disampin kanan atau kiri tombol home pada perangkat android kalian.

Demo:


Terimakasih atas kunjungannya, semoga tutorial yang saya berikan bisa bermanfaat untuk kalian semua, selebihnya, mohon maaf bila ada kesalahan.

Wassalamualaikum Warahmatullahi Wabarakatuh.

Disqus Comments