Custom Navigation Drawer In Android Example Code
Last Updated : Mar 11, 2024
IN - Android | Written & Updated By - Pragati
In this article we will show you the solution of custom navigation drawer in android example code, android's most prevalent feature is the navigation drawer, a UI panel that shows the primary menu for your programme.
It is also an important UI element that provides actions that users prefer, such as changing user profiles, changing application settings, and so on.
Whenever the user tries to steal a finger from the activity's left edge, the navigation drawer appears.
They can also find it by trying to tap the app icon with in activity bar from the home activity.
All top-level places to visit that employ a DrawerLayout display the drawer icon. To get a feel for the Navigation drawer, look at the picture below.
Step By Step Guide On Custom Navigation Drawer In Android Example Code :-
Xml code
<?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" tools:ignore="codedText"> <item android:id="@+id/nav_account" android:title="Account" /> <item android:id="@+id/nav_setting" android:title="Setting" /> <item android:id="@+id/nav_logout" android:title="Logout" /> </menu>
Xml code 2
<?xml version="1.0" encoding="utf-8"?> <androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/my_drawer_layout" android:layout_width="match_parent1" android:layout_height="match_parent1" tools:context=".Activity" tools:ignore="codedText"> <LinearLayout android:layout_width="match_parent1" android:layout_height="match_parent1"> <TextView android:layout_width="match_parent1" android:layout_height="wrap_con" android:layout_marginTop="126dp" android:gravity="center" android:text="TalkersCode" android:textSize="16sp" /> </LinearLayout> <com.google.android.material.navigation.NavigationView android:layout_width="wrap_con" android:layout_height="match_parent1" android:layout_gravity="start" app:menu="@menu/navigation_menu" /> </androidx.drawerlayout.widget.DrawerLayout>
Java code
import androidx.annotation.NonNull; import androidx.appcompat.app.ActionBarDrawerToggle; import androidx.appcompat.app.AppCompatActivity; import androidx.drawerlayout.widget.DrawerLayout; import android.os.Bundle; import android.view.MenuItem; public class Main extends Activity { public DrawerLayout drawerLayout; public ActionBarDrawerToggle actionBarDrawerToggle; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); drawerLayout = findViewById(R.id.my_drawer_layout); actionBarDrawerToggle = new ActionBarDrawerToggle(this, drawerLayout, R.string.nav_open, R.string.nav_close); drawerLayout.addDrawerListener(actionBarDrawerToggle); actionBarDrawerToggle.syncState(); getSupportActionBar().setDisplayHomeAsUpEnabled(true); } @Override public boolean onOptionsItemSelected(@NonNull MenuItem item) { if (actionBarDrawerToggle.onOptionsItemSelected(item)) { return true; } return super.onOptionsItemSelected(item); } }
- Create a new Android Studio project.
- Introducing a dependency into the project, The Design Patterns Navigation drawer will be used in this discussion. As a result, also include mentioned Material design dependency in the app-level Gradle file.
- Making a menu in the menu file, Make a menu folder in the res folder.
- Invoke the javascript command in the activity main.xml file to decided up the basic things necessary for the Route planning Drawer while continuing to work with the activity main.xml file.
- Include the Open Close strings in string.xml, then run the code below in the app/res/values/strings.xml file.
- Working with the MainActivity File, run the code in the MainActivity file to display the menu button on the activity bar and implement the navigation drawer's open/close functionality.
Conclusion :-
Android's most prevalent feature is the navigation drawer, a UI panel that shows the primary menu for your programme.
It is also an important UI element that provides actions that users prefer, such as changing user profiles, changing application settings, and so on.
I hope this article on custom navigation drawer in android example code helps you and the steps and method mentioned above are easy to follow and implement.