Tutorial Android Membuat Option Menu dan Popup Menu

TheHeran.com/ June 28, 2015/ Download, option menu, popup/ 0 comments

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:

 

Tutorial Membuat Option Menu dan Popup Menu

Popup Menu

Tutorial Membuat Option Menu dan Popup Menu

Option Menu

Password file zip: www.theheran.comDownload Source Code Splash Screen Android Password file zip: www.theheran.comDownload File Apk Splash Screen Android

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

THEHERAN.COM

 

Comments

comments

Leave a Reply