which is best way to implement Android NavigationDrawer Activity in android studio.

-

                            

Complete idea and concept with explaination of Custom Navigation Drawer each and every step with below diargram. 

 To Implement Android NavigationDrawer Activity we need this below component.

    1)Drawer Layout
    2) Toolbar
    3) Navigation Resource File
    4) Layout Resource File
    5) menu  

Concept :

1) Navigation Drawer : 

This is a panel that display app's Navigation option from the left  edge of the screen.It is a uniform way to access different pages and information inside our app.                                            

2) Drawer Layout : 

Android Navigation Drawer is a sliding left menu that is used to  display the important links in the application.                            

3) Toolbar : 

Android Toolbar is similar to an ActionBar(now called as App Bars). Toolbar is a Viewgroup that can be placed at anywhere in the Layout. We can easily replace an ActionBar with  Toolbar.


Step By Step Implementation of NavigationDrawer Activity : 

1) New -> project structure -> Dependencies -> click on + sign -> Search design -> Choose latest              version of design - > Press ok.

2) Open style.xml file from res directory.
     After Add theme NoActionBar.

    <style name="Theme.PointsExample" 
          parent="Theme.AppCompat.Light.NoActionBar"/>

3) Change layout main_activity from Constraint layout to Drawer layout.
 
4)  Then add Relative layout -> Toolbar in main_activity.

    <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

     <Toolbar
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:id="@+id/toolbar"
         android:title="Navigation Drawer Demo"
         android:titleTextColor="@color/cardview_light_background"
         android:background="@color/colorPrimary"
         />
  </RelativeLayout>
5) create menu Resource Directory.
   res -> New -> android Resource Directory -> Select Resource directory type -> Give name of Directory(menu) -> Press ok.
6)  After create Menu Resource File. (ex. menuicon.xml)

      res -> New -> Menu Resource File -> Give file_name(menuicon) -> Press ok.

 7) Now Collect icon which you have to need.

      res -> drawable -> New -> Vector assects -> choose icon -> Press ok.
 
 8) Then Open Menu.xml file.and add items which you have to need.
     like ,
     <item android:id="@+id/menu_home"
   android:icon="@drawable/ic_baseline_home_24"
   android:title="Home"
  />

  <item android:id="@+id/menu_call"
    android:icon="@drawable/ic_baseline_call_24"
    android:title="Call"
    />

 <item android:id="@+id/menu_setting"
    android:icon="@drawable/ic_baseline_settings_24"
    android:title="Setting"
    />
  9)  Create New layout file (ex.nav_header)

        res -> Layout -> New -> Layout Resouce file ->  Giving Name (nav_header) -> Press ok.

  10)  Take linear vertical layout in nav_header.xml file.
         add content which you want to add.
     like , 
<ImageView
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:src="@drawable/jp" />
<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
     android:textColor="@color/cardview_light_background"
    android:textSize="30dp"
    android:text="Computer Science"/>

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="@color/cardview_light_background"
    android:textSize="30dp"
    android:text="Android Tutorial"/>
 11)  Now Integrate nav_header layout file and menuicon file into Navigationview.

     <com.google.android.material.navigation.NavigationView
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:id="@+id/navmenu"
    app:menu="@menu/iconmenu"
     app:headerLayout="@layout/nav_header"
      android:layout_gravity="start"
    />
12)  Add this code in Main_activity.xml file.





     13) Build and Run Application.

     14) your Android NavigationDrawer Activity is successfully        added in your app.


OUTPUT : 





    The project used in this blog is just for example purpose.
   
 Hope you learned something new today.
 Have a look at our Android tutorials.

 Do share this blog with your fellow developers to spread the knowledge.     You can read more blogs on Android on our blogging website.

  Happy Learning :)

--------------------------------------------------------------------------------------             Share this blog to spread the knowledge

Comments

Post a Comment

Popular posts from this blog

🔥 Java Exception and Error Handling

-
Java Exceptions and Errors Java Exceptions and Errors ⚠️ What is an Exception? An exception is an event that disrupts the normal flow of a program. It occurs during runtime and is recoverable . Example: Dividing by zero, accessing an invalid array index. ❌ What is an Error? An error is a serious issue beyond the control of the application. Typically unrecoverable and leads to program termination. Example: Hardware failure, memory issues, JVM crash. 🌳 Java Exception Hierarchy All exceptions and errors inherit from the Throwable class: Throwable ├── Exception → Can be handled by code │ ├── Checked → Must be handled │ └── Unchecked → Optional to handle └── Error → Cannot/should not be handled 🧱 Types of Exceptions ✅ Built-in Exceptions Predefined by Java. Handle common runtime issues. Examples: NullPointerException , IOException , ArrayIndex...
Read more

Understanding How OOP Concepts Work with Real-Life Examples

-
Understanding OOP Principles with a Banking System Example 💼 Project: Banking System (as an Example) Let’s explore how Object-Oriented Programming (OOP) principles can be applied in a real-world project like a banking system. 🔐 1. Encapsulation – Hiding Internal Data Consider a class like Account . It has private variables like balance . You can only change the balance using methods like deposit() or withdraw() . ✅ Why? It protects data and ensures only valid changes happen. 👪 2. Inheritance – Reusing Code We create a base class called Account , and then make child classes: SavingsAccount CurrentAccount ✅ Why? Avoids repeating common code in multiple places. 🎭 3. Polymorphism – Same Method, Different Behavior We define an interface called Notification with a method send() . Implementations: EmailNotification , SMSNotification , etc. ✅ Why? We can use send() without worrying about how ...
Read more

🌿⚙️ Spring Boot Simplified

-
🌱 Spring Boot Basics Spring Boot makes it easy to create stand-alone, production-grade Spring-based applications. In this post, you'll learn its core concepts, including auto-configuration, starter dependencies, and embedded servers. 📘 1. What is Spring Boot? Spring Boot is a framework built on top of the Spring Framework. Its goal is to simplify the development of production-ready Spring applications by reducing the amount of boilerplate code and configuration. ✅ Key Benefits: Auto-configuration: Smart defaults based on your dependencies Embedded servers: Like Tomcat or Jetty — no need to deploy WARs Opinionated setup: Makes decisions for you, but still customizable Single entry point: Uses @SpringBootApplication to bootstrap the app 🆚 Spring Boot vs Spring Framework Feature Spring Framework Spring Boot Configuration Manual (XML or Java) Auto-confi...
Read more