Halo Readers!!
Edisi kali ini TheHeran.com akan membahas tentang Bagaimana Cara Membuat Option Menu dan PopUp Menu pada Android. Sebelum ke koding, perlu diketahui bahwa kedua jenis Menu ini secara prinsip memiliki fungsi yang sama namun cara penempatannya saja yang berbeda.
Sebagai gambaran jika PopUp menu biasanya di implementasikan pada sebuah Tombol Atau ListView yang jika ditekan maka akan muncul beberapa List Menu, sedangkan Option menu akan muncul ketika Pengguna menekan tombol Menu yang biasanya ada di sebelah kanan handphone (ex: Smartphone Samsul, Lenoppo dan lain – lain).
Tidak Perlu Berlama – lama lagi, Lets CODE!! 🙂
1. Seperti biasa tahap pertama yaitu membuat projek baru di Eclipse. Klik disini Untuk Tutorial Membuat Project Baru menggunakan Eclipse
2. Pada folder res/menu/ klik kanan –> New –> File dan beri nama popup_menu kemudian ketik sintak dibawah ini
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
<item
android:id="@+id/java"
android:title="Java"/>
<item
android:id="@+id/android"
android:title="Android"/>
<item
android:id="@+id/tutorial"
android:title="Tutorial"/>
<item
android:id="@+id/theheran"
android:title="TheHeran.com"/>
</menu>
3. Selanjutnya buka file XML pada folder res/layout/activity_main.xml kemudian ketik atau copas kode dibawah ini. Kode Xml dibawah merupakan layout tampilan main dari aplikasi dengan 1 Tombol yang diinisalisasikan btnPopUp. Tombol inilah yang nantinya akan diberikan event untuk menampilkan menu.
<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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".MainActivity"
android:background="@drawable/bg" >
<Button
android:id="@+id/btnPopUp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="94dp"
android:text="Lihat Popup" />
</RelativeLayout>
Note: Untuk android:background=”@drawable/bg” bisa dihapus.
4. Tahap Berikkutnya adalah buka Class MainActivity.java dan ketik kode di bawah ini :
package com.theheran.menus;
import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.PopupMenu;
import android.widget.Toast;
public class MainActivity extends Activity {
/*
* Nama Program : Tutorial Membuat Option Menu dan Popup Menu
* Author : TheHeran.com
* Twitter : @the_heran
*/
Button btnPopUp;
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.popup_menu, menu);
return true;
}
//start Handle Option Menus
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()) {
case R.id.java:
Toast.makeText(getApplicationContext(),"You Click "+item.getTitle(),Toast.LENGTH_LONG).show();
return true;
case R.id.android:
Toast.makeText(getApplicationContext(),"You Click "+item.getTitle(),Toast.LENGTH_LONG).show();
return true;
case R.id.tutorial:
Toast.makeText(getApplicationContext(),"You Click "+item.getTitle(),Toast.LENGTH_LONG).show();
return true;
case R.id.theheran:
Toast.makeText(getApplicationContext(),"You Click "+item.getTitle(),Toast.LENGTH_LONG).show();
return true;
default:
return super.onOptionsItemSelected(item);
}
}
// end Handle Option Menus
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//Load Layout
setContentView(R.layout.activity_main);
btnPopUp = (Button) findViewById(R.id.btnPopUp);
btnPopUp.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
//Creating the instance of PopupMenu
PopupMenu popup = new PopupMenu(MainActivity.this, btnPopUp);
//Inflating the Popup using xml file
popup.getMenuInflater().inflate(R.menu.popup_menu, popup.getMenu());
//registering popup with OnMenuItemClickListener
popup.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
public boolean onMenuItemClick(MenuItem item) {
Toast.makeText(MainActivity.this,"You Clicked : " + item.getTitle(),Toast.LENGTH_SHORT).show();
return true;
}
});
popup.show();//showing popup menu
}
});//closing the setOnClickListener method
}
}
5. Setelah kode MainActivity.java maka jangan lupa menempatkan class tersebut pada AndroidManifest.xml. Berikut kode yang ada pada file AndroidManifest.xml :
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.theheran.menus"
android:versionCode="1"
android:versionName="1.0" >
<uses-sdk
android:minSdkVersion="11"
android:targetSdkVersion="17" />
<application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="com.theheran.menus.MainActivity"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
Langkah Akhir adalah Menjalankan program baik ke Emulator atau langsung ke smartphone. Jika tidak ada kesalahan maka hasilnya akan seperti gambar dibawah ini:
 Popup Menu |
 Option Menu |
| Password file zip: www.theheran.com | Password file zip: www.theheran.com |
Bagaimana Readers? Sudah Jelas? Yang belum jelas bisa mention ke @the_heran. Nah Sekarang sekian dulu ya pembahasan Tutorial Membuat Option Menu dan Popup Menu . Sampai jumpa 
Salam Hangat
