Learn Menu Item in Action Bar

Introduction

This article explains the Action Bar menu in Android. The sample applicatin is developed using Android Studio.

The Action Bar is present at the top of an Activity in Android. It can display the icon actions that can trigger additional views. It is also used in navigation within your application.

The Action Bar was introduced in version 3.0. You can use the Action Bar using the Sherlock Library on Android devices version 1.6. The activity populates the action bar in the onCreateoptionmenu() method. We define the action for the action bar inside the XML file. The MenuInflator class allows inflation of actions defined in an XML file and adds them to the ActionBar.

onCreateOptionMenu(): the method that is called only before the optionMenu is displayed.
getMenuInflator(): returns the MenuInflator
onoptionsItemSelected(): called when you click on a menu item and display what you want in your Activity.

In this you will create an XML file that consists of an item that you want to show on the ActionBar.

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

 

    <item

            android:id="@+id/menuitem3"

            android:orderInCategory="10"

            android:showAsAction="ifRoom"

            android:icon="@drawable/images"

            android:title="Refresh"

            />

    <item

            android:id="@+id/action_settings"

            android:title="Settings">

    </item>

</menu>

When you click on the menu item it will display a message on the Activity.

Step 1

Create the project like this:

 

Step 2

Crate an XML file and write this:
 

<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:paddingLeft="@dimen/activity_horizontal_margin"

    android:paddingRight="@dimen/activity_horizontal_margin"

    android:paddingTop="@dimen/activity_vertical_margin"

    android:paddingBottom="@dimen/activity_vertical_margin"

    tools:context=".MainActivity">

 

    <TextView

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world"

        android:textSize="50dp"

        android:textStyle="bold"

        android:layout_centerHorizontal="true"

 />

 

</RelativeLayout>

Step 3

Create another XML file for the menu item as in the following:

 

<menu xmlns:android="http://schemas.android.com/apk/res/android" >

 

    <item

            android:id="@+id/menuitem3"

            android:orderInCategory="10"

            android:showAsAction="ifRoom"

            android:icon="@drawable/images"

            android:title="Refresh"

            />

    <item

            android:id="@+id/action_settings"

            android:title="Settings">

    </item>

</menu>

Step 4

Create a Java class file and write this:
 

package com.actionbar; 

import android.app.ActionBar;

import android.os.Bundle;

import android.app.Activity;

import android.view.Menu;

import android.view.MenuItem;

import android.widget.Toast;

 

public class MainActivity extends Activity {

 

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

    }

 

 

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

    @Override

    public boolean onOptionsItemSelected(MenuItem item) {

        switch (item.getItemId()) {

            case R.id.menuitem3:

                Toast.makeText(this, "Menu Item 1 selected", Toast.LENGTH_SHORT).show();

                break;

         /*   case R.id.menuitem2:

                Toast.makeText(this, "Menu item 2 selected", Toast.LENGTH_SHORT)

                        .show();

                break;*/

 

            default:

                break;

        }

 

        return true;

    }

 

}

Step 5



Step 6

When you click on the menu item: