{"id":3393,"date":"2024-03-13T06:55:01","date_gmt":"2024-03-13T06:55:01","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/"},"modified":"2025-07-30T15:36:51","modified_gmt":"2025-07-30T15:36:51","slug":"how-can-the-bottom-menu-bar-functionality-be-implemented-on-android","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/","title":{"rendered":"Android Bottom Navigation Menu Guide"},"content":{"rendered":"<p>In Android, we can achieve bottom navigation menu functionality by using the BottomNavigationView widget. Here are the steps to implement the bottom navigation menu.<\/p>\n<ol>\n<li>First, add the BottomNavigationView control to the XML layout file as shown below:<\/li>\n<\/ol>\n<pre class=\"post-pre\"><code><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">com.google.android.material.bottomnavigation.BottomNavigationView<\/span>\r\n    <span class=\"hljs-attr\">android:id<\/span>=<span class=\"hljs-string\">\"@+id\/bottom_navigation\"<\/span>\r\n    <span class=\"hljs-attr\">android:layout_width<\/span>=<span class=\"hljs-string\">\"match_parent\"<\/span>\r\n    <span class=\"hljs-attr\">android:layout_height<\/span>=<span class=\"hljs-string\">\"wrap_content\"<\/span>\r\n    <span class=\"hljs-attr\">app:menu<\/span>=<span class=\"hljs-string\">\"@menu\/bottom_menu\"<\/span> \/&gt;<\/span>\r\n<\/code><\/pre>\n<ol>\n<li>Create a folder named &#8220;menu&#8221; in the &#8220;res&#8221; directory and create an XML file inside it to define the bottom menu items. For example, create a file named &#8220;bottom_menu.xml&#8221; as shown below.<\/li>\n<\/ol>\n<pre class=\"post-pre\"><code><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">menu<\/span> <span class=\"hljs-attr\">xmlns:android<\/span>=<span class=\"hljs-string\">\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>&gt;<\/span>\r\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">item<\/span>\r\n        <span class=\"hljs-attr\">android:id<\/span>=<span class=\"hljs-string\">\"@+id\/menu_item1\"<\/span>\r\n        <span class=\"hljs-attr\">android:title<\/span>=<span class=\"hljs-string\">\"Item 1\"<\/span>\r\n        <span class=\"hljs-attr\">android:icon<\/span>=<span class=\"hljs-string\">\"@drawable\/ic_item1\"<\/span> \/&gt;<\/span>\r\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">item<\/span>\r\n        <span class=\"hljs-attr\">android:id<\/span>=<span class=\"hljs-string\">\"@+id\/menu_item2\"<\/span>\r\n        <span class=\"hljs-attr\">android:title<\/span>=<span class=\"hljs-string\">\"Item 2\"<\/span>\r\n        <span class=\"hljs-attr\">android:icon<\/span>=<span class=\"hljs-string\">\"@drawable\/ic_item2\"<\/span> \/&gt;<\/span>\r\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">item<\/span>\r\n        <span class=\"hljs-attr\">android:id<\/span>=<span class=\"hljs-string\">\"@+id\/menu_item3\"<\/span>\r\n        <span class=\"hljs-attr\">android:title<\/span>=<span class=\"hljs-string\">\"Item 3\"<\/span>\r\n        <span class=\"hljs-attr\">android:icon<\/span>=<span class=\"hljs-string\">\"@drawable\/ic_item3\"<\/span> \/&gt;<\/span>\r\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">menu<\/span>&gt;<\/span>\r\n<\/code><\/pre>\n<ol>\n<li>In Activity or Fragment, obtain the BottomNavigationView widget and set a listener to handle the click events of the bottom menu items, as shown below:<\/li>\n<\/ol>\n<pre class=\"post-pre\"><code><span class=\"hljs-type\">BottomNavigationView<\/span> <span class=\"hljs-variable\">bottomNavigationView<\/span> <span class=\"hljs-operator\">=<\/span> findViewById(R.id.bottom_navigation);\r\nbottomNavigationView.setOnNavigationItemSelectedListener(item -&gt; {\r\n    <span class=\"hljs-keyword\">switch<\/span> (item.getItemId()) {\r\n        <span class=\"hljs-keyword\">case<\/span> R.id.menu_item1:\r\n            <span class=\"hljs-comment\">\/\/ \u5904\u7406Item 1\u7684\u70b9\u51fb\u4e8b\u4ef6<\/span>\r\n            <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-literal\">true<\/span>;\r\n        <span class=\"hljs-keyword\">case<\/span> R.id.menu_item2:\r\n            <span class=\"hljs-comment\">\/\/ \u5904\u7406Item 2\u7684\u70b9\u51fb\u4e8b\u4ef6<\/span>\r\n            <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-literal\">true<\/span>;\r\n        <span class=\"hljs-keyword\">case<\/span> R.id.menu_item3:\r\n            <span class=\"hljs-comment\">\/\/ \u5904\u7406Item 3\u7684\u70b9\u51fb\u4e8b\u4ef6<\/span>\r\n            <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-literal\">true<\/span>;\r\n        <span class=\"hljs-keyword\">default<\/span>:\r\n            <span class=\"hljs-keyword\">return<\/span> <span class=\"hljs-literal\">false<\/span>;\r\n    }\r\n});\r\n<\/code><\/pre>\n<p>By following the above steps, you can implement bottom navigation bar functionality in an Android application. When a user clicks on a bottom navigation item, the corresponding logic can be used to switch between interfaces or perform other operations.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Android, we can achieve bottom navigation menu functionality by using the BottomNavigationView widget. Here are the steps to implement the bottom navigation menu. First, add the BottomNavigationView control to the XML layout file as shown below: &lt;com.google.android.material.bottomnavigation.BottomNavigationView android:id=&#8221;@+id\/bottom_navigation&#8221; android:layout_width=&#8221;match_parent&#8221; android:layout_height=&#8221;wrap_content&#8221; app:menu=&#8221;@menu\/bottom_menu&#8221; \/&gt; Create a folder named &#8220;menu&#8221; in the &#8220;res&#8221; directory and create an [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[13,116,1538,1540,1539],"class_list":["post-3393","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-android-development","tag-android-ui","tag-bottom-navigation","tag-bottomnavigationview","tag-menu-implementation"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v21.5 (Yoast SEO v21.5) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Android Bottom Navigation Menu Guide - Blog - Silicon Cloud<\/title>\n<meta name=\"description\" content=\"Step-by-step tutorial to implement Android bottom navigation menu using BottomNavigationView widget. Build intuitive apps now!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Android Bottom Navigation Menu Guide\" \/>\n<meta property=\"og:description\" content=\"Step-by-step tutorial to implement Android bottom navigation menu using BottomNavigationView widget. Build intuitive apps now!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-13T06:55:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-30T15:36:51+00:00\" \/>\n<meta name=\"author\" content=\"Liam\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Liam\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/\"},\"author\":{\"name\":\"Liam\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671\"},\"headline\":\"Android Bottom Navigation Menu Guide\",\"datePublished\":\"2024-03-13T06:55:01+00:00\",\"dateModified\":\"2025-07-30T15:36:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/\"},\"wordCount\":140,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"keywords\":[\"Android development\",\"Android UI\",\"bottom navigation\",\"BottomNavigationView\",\"menu implementation\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/\",\"name\":\"Android Bottom Navigation Menu Guide - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-13T06:55:01+00:00\",\"dateModified\":\"2025-07-30T15:36:51+00:00\",\"description\":\"Step-by-step tutorial to implement Android bottom navigation menu using BottomNavigationView widget. Build intuitive apps now!\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Android Bottom Navigation Menu Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671\",\"name\":\"Liam\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g\",\"caption\":\"Liam\"},\"sameAs\":[\"http:\/\/Wilson\"],\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/liamwilson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Android Bottom Navigation Menu Guide - Blog - Silicon Cloud","description":"Step-by-step tutorial to implement Android bottom navigation menu using BottomNavigationView widget. Build intuitive apps now!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/","og_locale":"en_US","og_type":"article","og_title":"Android Bottom Navigation Menu Guide","og_description":"Step-by-step tutorial to implement Android bottom navigation menu using BottomNavigationView widget. Build intuitive apps now!","og_url":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-13T06:55:01+00:00","article_modified_time":"2025-07-30T15:36:51+00:00","author":"Liam","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Liam","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/"},"author":{"name":"Liam","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671"},"headline":"Android Bottom Navigation Menu Guide","datePublished":"2024-03-13T06:55:01+00:00","dateModified":"2025-07-30T15:36:51+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/"},"wordCount":140,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"keywords":["Android development","Android UI","bottom navigation","BottomNavigationView","menu implementation"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/","url":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/","name":"Android Bottom Navigation Menu Guide - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-13T06:55:01+00:00","dateModified":"2025-07-30T15:36:51+00:00","description":"Step-by-step tutorial to implement Android bottom navigation menu using BottomNavigationView widget. Build intuitive apps now!","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-can-the-bottom-menu-bar-functionality-be-implemented-on-android\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Android Bottom Navigation Menu Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/23786905eb7b377f45ddb01c17da7671","name":"Liam","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8d37ed3e7f770dde8bf069ba0b4298688028c3abaacf1131742fc1352d174ebd?s=96&d=mm&r=g","caption":"Liam"},"sameAs":["http:\/\/Wilson"],"url":"https:\/\/www.silicloud.com\/blog\/author\/liamwilson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/3393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=3393"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/3393\/revisions"}],"predecessor-version":[{"id":148031,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/3393\/revisions\/148031"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=3393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=3393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=3393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}