Contoh Menu Opsi 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 opsi. Pertama, menu opsi sederhana dan kedua, menu opsi dengan gambar.

Di sini, kita menggelembungkan menu dengan memanggil metode inflate() kelas MenuInflater. Untuk melakukan penanganan peristiwa pada item menu, Anda perlu mengganti onOptionsItemSelected() metode aktivitas kelas.

Contoh Menu Opsi Android

Mari kita lihat cara membuat menu di android. Mari kita lihat contoh menu opsi sederhana yang berisi tiga item menu.

* Main Activity

Kami hanya 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.android.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.,android.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>  

Ini berisi tiga item seperti yang ditunjukkan di bawah ini. Ini dibuat secara otomatis di dalam direktori res/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.android.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 konten file menu.xml dan melakukan penanganan peristiwa pada saat di klik item menu

File : MainActivity.java

package example.android.com.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);  
        }  
    }  
}  

Output :

Output setelah mengklik tombol menu.

Menu Opsi dengan Ikon

Anda harus memiliki gambar ikon di dalam direktori res / drawable. Elemen android:icon digunakan untuk menampilkan ikon pada menu opsi. Anda dapat menulis informasi string dalam strings.xml file. Tapi kami telah menulisnya di dalam file menu_main.xml.

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.android.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 :

Share this post