{"id":4713,"date":"2013-04-26T15:21:47","date_gmt":"2013-04-26T15:21:47","guid":{"rendered":"https:\/\/www.techrounder.com\/blog\/create-android-native-menu-in-phonegap\/"},"modified":"2026-01-08T06:02:53","modified_gmt":"2026-01-08T06:02:53","slug":"create-android-native-menu-in-phonegap","status":"publish","type":"post","link":"https:\/\/www.techrounder.com\/blog\/create-android-native-menu-in-phonegap\/","title":{"rendered":"Create Android Native Menu in Phonegap"},"content":{"rendered":"

Here is the step to create native android menu in phonegap.<\/p>\n

Step 1 : Add the code in your activity class file
\npublic boolean onCreateOptionsMenu(Menu menu) {
\n\t\t\/\/ Inflate the menu; this adds items to the action bar if it is present.
\n\t\tgetMenuInflater().inflate(R.menu.activity_main, menu);
\n\t\treturn true;
\n\t}<\/code><\/p>\n

It looks like as follows
\npublic class MainActivity extends DroidGap {
\n\t@Override
\n\tpublic void onCreate(Bundle savedInstanceState) {
\n\t\tsuper.onCreate(savedInstanceState);
\n\t\tsuper.loadUrl(\"file:\/\/\/android_asset\/www\/index.html\");
\n\t}
\n\t@Override
\n\tpublic boolean onCreateOptionsMenu(Menu menu) {
\n\t\t\/\/ Inflate the menu; this adds items to the action bar if it is present.
\n\t\tgetMenuInflater().inflate(R.menu.activity_main, menu);
\n\t\treturn true;
\n\t}
\n}
\n<\/code><\/p>\n

Step 2 : Now create an activity_main.xml<\/strong> file in “res\/menu\/”<\/strong> folder<\/p>\n

Add the following code in it.<\/p>\n

\"\"<\/p>\n

Step 3 : Now define the strings in the strings.xml file at “res\/values\/”<\/strong> location<\/p>\n

\"\"<\/p>\n

Step 4 : Also define the ids and string in R.java file at “gen\/com.example.testapp\/”<\/strong>, normally the ids and all other variables will be automatically added to R.java file, so you only needed to add it manually if shows error. <\/p>\n


\npublic final class R {
\n public static final class attr {
\n }
\n public static final class drawable {
\n public static final int ic_launcher=0x7f020000;
\n }
\n public static final class id {
\n public static final int menu_exit=0x7f080003;
\n public static final int menu_home=0x7f080001;
\n public static final int menu_settings=0x7f080002;
\n }
\n public static final class layout {
\n public static final int activity_main=0x7f030000;
\n }
\n public static final class menu {
\n public static final int activity_main=0x7f070000;
\n }
\n public static final class string {
\n public static final int app_name=0x7f050000;
\n public static final int hello_world=0x7f050001;
\n public static final int menu_exit=0x7f050005;
\n public static final int menu_home=0x7f050004;
\n public static final int menu_settings=0x7f050002;<\/p>\n

public static final int really_quit=0x7f050007;
\n }
\n}
\n<\/code><\/p>\n

Step 5: Now add code in your main activity so that the menu action to be done when clicking them.<\/p>\n


\n@Override
\n public boolean onOptionsItemSelected(MenuItem item) {
\n \/\/ Handle item selection
\n switch (item.getItemId()) {
\n case R.id.menu_home:
\n \/\/\/\/code to be executed
\n return true;
\n case R.id.menu_settings:
\n \/\/\/\/code to be executed
\n \treturn true;
\n case R.id.menu_exit:
\n \/\/\/\/code to be executed
\n return true;
\n default:
\n return super.onOptionsItemSelected(item);
\n }
\n }
\n<\/code><\/p>\n

Now it looks like this<\/p>\n


\npublic class MainActivity extends DroidGap {
\n\t@Override
\n\tpublic void onCreate(Bundle savedInstanceState) {
\n\t\tsuper.onCreate(savedInstanceState);
\n\t\tsuper.loadUrl(\"file:\/\/\/android_asset\/www\/index.html\");
\n\t}
\n\t@Override
\n\tpublic boolean onCreateOptionsMenu(Menu menu) {
\n\t\t\/\/ Inflate the menu; this adds items to the action bar if it is present.
\n\t\tgetMenuInflater().inflate(R.menu.activity_main, menu);
\n\t\treturn true;
\n\t}<\/p>\n

public boolean onOptionsItemSelected(MenuItem item) {
\n \/\/ Handle item selection
\n switch (item.getItemId()) {
\n case R.id.menu_home:
\n \/\/\/\/code to be executed
\n return true;
\n case R.id.menu_settings:
\n \/\/\/\/code to be executed
\n \t return true;
\n case R.id.menu_exit:
\n \/\/\/\/code to be executed
\n return true;
\n default:
\n return super.onOptionsItemSelected(item);
\n }
\n }
\n}
\n<\/code><\/p>\n

Now it works !!!<\/p>\n","protected":false},"excerpt":{"rendered":"Here is the step to create native android menu in phonegap. Step 1 : Add the code in…","protected":false},"author":2,"featured_media":244,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","csco_page_load_nextpost":"","csco_post_video_location":[],"csco_post_video_location_hash":"","csco_post_video_url":"","csco_post_video_bg_start_time":0,"csco_post_video_bg_end_time":0,"csco_post_video_bg_volume":false,"footnotes":""},"categories":[9],"tags":[],"class_list":["post-4713","post","type-post","status-publish","format-standard","has-post-thumbnail","category-phonegap","cs-entry","cs-video-wrap"],"_links":{"self":[{"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/posts\/4713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/comments?post=4713"}],"version-history":[{"count":0,"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/posts\/4713\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/media\/244"}],"wp:attachment":[{"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/media?parent=4713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/categories?post=4713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.techrounder.com\/blog\/wp-json\/wp\/v2\/tags?post=4713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}