Contoh cara membuat Menu opsi pada Android

Menu opsi Android adalah menu utama Android. Mereka dapat digunakan untuk pengaturan, pencarian, menghapus item dll.
Di sini, kita akan melihat dua contoh menu pilihan. Pertama, Menu pilihan sederhana dan kedua, Menu pilihan dengan gambar.

Di sini kita juga akan inflating menggembungkan menu dengan memanggil metode inflate() dari menuinflater class. Untuk melakukan penanganan kejadian pada item menu, Anda perlu menggunakan override metode onOptionsItemSelected() pada Activity class.

Baca Juga...

• Ide untuk pengembangan aplikasi yang menguntungkan
• Cara menggunakan FloatingActionButton (FAB) di Android studio
• Cara membuat rating bar di aplikasi android
• Cara membuat tombol share di aplikasi (android studio)
• Cara membuat ProgressBar dialog (android studio)
• Cara memasang banner dan interstitial admob (android studio)
• Cara membuat efek animasi (android studio)
• Cara membuat spinner (android studio)
• Iconset serbaguna gratis untuk diunduh
• Mengenal android manifest dan R java

1. Contoh Android menu opsi

Mari kita lihat cara membuat menu di Android. Mari kita lihat contoh menu Opsi sederhana yang berisi tiga item menu.

* activity_main.xml

Kami hanya perlu memiliki satu textview dalam file ini.
File : activity_main.xml

<?xml version="1.0" encoding="utf-8"?>  
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    tools:context="example.javatpoint.com.optionmenu.MainActivity">  
  
    <android.support.design.widget.AppBarLayout  
        android:layout_width="match_parent"  
        android:layout_height="wrap_content"  
        android:theme="@style/AppTheme.AppBarOverlay">  
  
        <android.support.v7.widget.Toolbar  
            android:id="@+id/toolbar"  
            android:layout_width="match_parent"  
            android:layout_height="?attr/actionBarSize"  
            android:background="?attr/colorPrimary"  
            app:popupTheme="@style/AppTheme.PopupOverlay" />  
  
    </android.support.design.widget.AppBarLayout>  
  
    <include layout="@layout/content_main" />  
  
</android.support.design.widget.CoordinatorLayout>  

File : context_main.xml

<?xml version="1.0" encoding="utf-8"?>  
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    xmlns:tools="http://schemas.android.com/tools"  
    android:layout_width="match_parent"  
    android:layout_height="match_parent"  
    app:layout_behavior="@string/appbar_scrolling_view_behavior"  
    tools:context="example.javatpoint.com.optionmenu.MainActivity"  
    tools:showIn="@layout/activity_main">  
  
    <TextView  
        android:layout_width="wrap_content"  
        android:layout_height="wrap_content"  
        android:text="Hello World!"  
        app:layout_constraintBottom_toBottomOf="parent"  
        app:layout_constraintLeft_toLeftOf="parent"  
        app:layout_constraintRight_toRightOf="parent"  
        app:layout_constraintTop_toTopOf="parent" />  
  
</android.support.constraint.ConstraintLayout>  

* menu_main.xml

Ini berisi tiga item seperti yang ditunjukkan di bawah ini. Hal ini dibuat secara otomatis di dalam res/direktori menu.
File : menu_main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    xmlns:tools="http://schemas.android.com/tools"  
    tools:context="example.javatpoint.com.optionmenu.MainActivity">  
  
    <item  android:id="@+id/item1"  
        android:title="Item 1"/>  
    <item  android:id="@+id/item2"  
        android:title="Item 2"/>  
    <item  android:id="@+id/item3"  
        android:title="Item 3"  
        app:showAsAction="withText"/>  
</menu>  

* Activity class

Kelas ini menampilkan isi dari file menu.xml dan melakukan penanganan event pada klicking item menu.
File : MainActivity.java

package example.android-xcodes.optionmenu;  
  
import android.os.Bundle;  
import android.support.v7.app.AppCompatActivity;  
import android.support.v7.widget.Toolbar;  
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);  
        Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);  
        setSupportActionBar(toolbar);  
    }  
  
    @Override  
    public boolean onCreateOptionsMenu(Menu menu) {  
        // Inflate the menu; this adds items to the action bar if it is present.  
        getMenuInflater().inflate(R.menu.menu_main, menu);  
        return true;  
    }  
  
    @Override  
    public boolean onOptionsItemSelected(MenuItem item) {  
       int id = item.getItemId();  
        switch (id){  
            case R.id.item1:  
                Toast.makeText(getApplicationContext(),"Item 1 Selected",Toast.LENGTH_LONG).show();  
                return true;  
            case R.id.item2:  
                Toast.makeText(getApplicationContext(),"Item 2 Selected",Toast.LENGTH_LONG).show();  
                return true;  
            case R.id.item3:  
                Toast.makeText(getApplicationContext(),"Item 3 Selected",Toast.LENGTH_LONG).show();  
                return true;  
            default:  
                return super.onOptionsItemSelected(item);  
        }  
    }  
}  

Hasil setelah mengklik tombol menu.
Output :

2. Menu opsi dengan ikon

Anda perlu memiliki ikon gambar di dalam res/drawable direktori.
Elemen Android : Icon digunakan untuk menampilkan ikon pada menu pilihan.
Anda dapat menulis informasi string dalam file strings.xml. Tapi kita telah menulis itu di dalam menu_main.xml file.

File : menu_main.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"  
    xmlns:app="http://schemas.android.com/apk/res-auto"  
    xmlns:tools="http://schemas.android.com/tools"  
    tools:context="example.javatpoint.com.optionmenu.MainActivity">  
  
    <item  android:id="@+id/item1"  
        android:title="Item 1"  
        app:showAsAction="always"  
        android:icon="@android:drawable/btn_star"/>  
    <item  android:id="@+id/item2"  
        android:title="Item 2"  
        app:showAsAction="ifRoom"  
        android:icon="@android:drawable/btn_plus"/>  
    <item  android:id="@+id/item3"  
        android:title="Item 3"  
        app:showAsAction="withText"  
        android:icon="@android:drawable/btn_plus"/>  
</menu>  

Output :