{"id":4058,"date":"2013-06-02T18:46:23","date_gmt":"2013-06-02T15:46:23","guid":{"rendered":"http:\/\/examples.javacodegeeks.com\/?p=4058"},"modified":"2013-06-25T22:52:07","modified_gmt":"2013-06-25T19:52:07","slug":"android-actionbar-example","status":"publish","type":"post","link":"https:\/\/examples.javacodegeeks.com\/android\/core\/view\/menu\/android-actionbar-example\/","title":{"rendered":"Android ActionBar Example"},"content":{"rendered":"

In this tutorial we are going to see how to \u00a0create a simple Android Menu using ActionBar<\/code><\/a>. It is a very handy kit when you want to create simple Menus for your application. In this tutorial we are going to see how to create a simple menu with 3 options and with Icons.
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\n 
\nFor this tutorial, we will use the following tools in a Windows 64-bit platform:<\/p>\n

    \n
  1. JDK 1.7<\/li>\n
  2. Eclipse 4.2 Juno<\/li>\n
  3. Android SKD 4.2<\/li>\n<\/ol>\n

    1. Create a new Android Project<\/h3>\n

    Open Eclipse IDE and go to File -> New -> Project -> Android -> Android Application Project.<\/p>\n

    You have to specify the Application Name, the Project Name and the Package name in the appropriate text fields and then click Next.<\/p>\n

    \"create-new-project\"<\/a><\/p>\n

    In the next window make sure the \u201cCreate activity\u201d option is selected in order to create a new activity for your project, and click Next. This is optional as you can create a new activity after creating the project, but you can do it all in one step.<\/p>\n

    \"check-create-new-activity\"<\/a><\/p>\n

    Select \u201cBlankActivity\u201d and click Next.<\/p>\n

    \"\"<\/p>\n

    You will be asked to specify some information about the new activity. \u00a0In the Layout Name text field you have to specify the name of the file that will contain the layout description of your app. In our case the file\u00a0res\/layout\/main.xml<\/code>\u00a0will be created. Then, click Finish.<\/p>\n

    \"\"<\/p>\n

    2. Add Drawable resources<\/h3>\n

    In order to display Icons instead of text in the ActionBar, we need to add the images we want in the drawable resources. Go to package Explorer. You can drag and drop the images from your local files to the project files. As you can see I’ve copied 3 images.

    <\/div> <\/div><\/p>\n

    \"drawables\"<\/a><\/p>\n

    3. Creating the menu items<\/h3>\n

    Open\u00a0res\/menu\/main.xml<\/code>\u00a0file :<\/p>\n

    \"menu-main-xml\"<\/a><\/p>\n

    And paste the following code :<\/p>\n

    main.xml:<\/em><\/span><\/p>\n

    <menu xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\" >\r\n\r\n    <item\r\n        android:id=\"@+id\/action_settings\"\r\n        android:orderInCategory=\"100\"\r\n        android:showAsAction=\"never\"\r\n        android:title=\"@string\/action_settings\"\/>\r\n    <item\r\n        android:id=\"@+id\/home\"\r\n        android:icon=\"@drawable\/home\"\r\n        android:orderInCategory=\"1\"\r\n        android:showAsAction=\"always\"\r\n        android:title=\"Home\"\/>\r\n\r\n    <item\r\n        android:id=\"@+id\/java\"\r\n        android:icon=\"@drawable\/java\"\r\n        android:orderInCategory=\"2\"\r\n        android:showAsAction=\"always\"\r\n        android:title=\"Java\"\/>\r\n\r\n    <item\r\n        android:id=\"@+id\/android\"\r\n        android:icon=\"@drawable\/android\"\r\n        android:orderInCategory=\"3\"\r\n        android:showAsAction=\"always\"\r\n        android:title=\"Android\"\/>\r\n\r\n<\/menu><\/pre>\n
    Now let’s see what all these attributes do:<\/p>\n