Navigation View - Material Design Support Library Tutorial
04:02 Android Design , Android Libraries , Design Support Library , Material Design , Tutorial 169 Comments

Few days back Google announced Material Design Support Library in their Google IO 2015, and today we are going to take a look at one of the component of the material design library and that's Navigation View, Navigation View makes it very easy to make a good looking material design Navigation drawer, I have showed you how to make a navigation drawer before this library came out and it was pretty tiresome but with this library things have changed. So Lets get started

Prerequisites

Tutorial is going to use a toolbar as action bar and if you aren't familiar with building toolbar then before starting out this tutorial please go through that my Toolbar tutorial. This is not absolutely necessary but I strongly recommend you do give it a read.

Requirements

1. Android Studio 1.3 (Version used for this tutorial)

2. Circle Image Library (Add the dependency mentioned below)

compile 'de.hdodenhof:circleimageview:1.3.0'

3. Material Design Support Library (Add the dependency mention below)

compile 'com.android.support:design:22.2.0

In my previous tutorial I have explained how the DrawerLayout works which will act as our root view in this tutorial so if you are not sure about its working just go and read that particular section from that tutorial, The link to that tutorial is here -

How To Make Navigation Drawer With Header View

Lets Understand Navigation View

Think of NavigationView as any other view you know, Navigation View has two main components which you can define according to your requirements those component are as show

Header View

This View is basically the top part of the navigation drawer, which holds the profile picture, name and email etc. You need to define this in a separate layout file we would look into that in just a moment.

Menu

This is the menu you want to show below your header, we define menu in a menus folder, just like you define menu for your overflow menu.

So basically NavigationView is a container for the Header View and Menu which you are going to use in your sliding drawer. So now that you understand the NavigationView we can start building our Navigation Drawer.

So before we start building our app lets take a look at what we are trying to build, look at the gif below and you can see that we are going to make a sliding navigation drawer also on clicking inbox option you see we open the Inbox fragment inside the app, when you click any other option we show toast message indicating we have received the click event

Steps To Build Navigation Drawer With Navigation View

1. Open Android Studio and create a new blank project, Once your project is created go ahead and define Color scheme for your app. You do that by creating a file called colors.xml in res -> values folder of your project. Now go ahead and add this lines to your color file again all about those colors and their usage explained in my Toolbar tutorial.

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="PrimaryColor">#2196F3</color>
    <color name="PrimaryDarkColor">#1976D2</color>
</resources>

2. Now we define style for our app, Go ahead and open the styles.xml file of your project located at res -> values folder . Add the following line to the styles.xml. We are setting the color scheme for the entire app notice we make our status bar color transparent. As to achieve the desired results.

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="android:colorPrimary">@color/PrimaryColor</item>
        <item name="android:colorPrimaryDark">@color/PrimaryDarkColor</item>
        <item name="android:statusBarColor">@android:color/transparent</item>
        <!-- Customize your theme here. -->
    </style>
</resources>

3. Now lets first define how our header in the navigation drawer would look like, for this go ahead and create a new layout resource file in your layouts folder and name it header.xml. Add the following code to the file. Our header layout has Relative layout with three views inside it one Circle Image View for the profile picture and two text views one for Name and other for email. I have added the Image named profile to my drawable folder to use it with Circle Image View.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="190dp"
    android:background="@drawable/background_material"
    android:orientation="vertical"
    >

    <de.hdodenhof.circleimageview.CircleImageView
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/profile_image"
    android:layout_width="76dp"
    android:layout_height="76dp"
    android:src="@drawable/profile"
    app:border_color="#FF000000"
    android:layout_marginLeft="24dp"
    android:layout_centerVertical="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:layout_marginStart="24dp" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Akash Bangad"
        android:textSize="14sp"
        android:textColor="#FFF"
        android:textStyle="bold"
        android:gravity="left"
        android:paddingBottom="4dp"
        android:id="@+id/username"
        android:layout_above="@+id/email"
        android:layout_alignLeft="@+id/profile_image"
        android:layout_alignStart="@+id/profile_image" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Akash.bangad93@gmail.com"
        android:id="@+id/email"
        android:gravity="left"
        android:layout_marginBottom="8dp"
        android:textSize="14sp"
        android:textColor="#fff"
        android:layout_alignParentBottom="true"
        android:layout_alignLeft="@+id/username"
        android:layout_alignStart="@+id/username" />

</RelativeLayout>

4. Now with our header view done lets make our menu, for that go to res -> menu and create a new menu resource file and name it drawer.xml and add the following code to your file. Every menu option is enclosed withing <item> tag we have grouped them together with <group> tag setting android:cheakableBehavour=”single” makes sure only one item can be selectable at once. Icon Tag indicate the icon we want the menu items to show besides them I have downloaded my icons from www.google.com/design/icons and added them to my drawable folder.

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <group android:checkableBehavior="single">

        <item
            android:id="@+id/inbox"
            android:checked="false"
            android:icon="@drawable/ic_inbox_black"
            android:title="@string/inbox_string" />

        <item
            android:id="@+id/starred"
            android:checked="false"
            android:icon="@drawable/ic_star_black"
            android:title="@string/starred_string" />

        <item
            android:id="@+id/sent_mail"
            android:checked="false"
            android:icon="@drawable/ic_send_black"
            android:title="@string/sent_mail_string" />

        <item
            android:id="@+id/drafts"
            android:checked="false"
            android:icon="@drawable/ic_drafts_black"
            android:title="@string/draft_string" />


        <item
            android:id="@+id/allmail"
            android:checked="false"
            android:icon="@drawable/ic_email_black"
            android:title="@string/all_mail_string" />
        <item
            android:id="@+id/trash"
            android:checked="false"
            android:icon="@drawable/ic_delete_black"
            android:title="@string/trash_string" />
        <item
            android:id="@+id/spam"
            android:checked="false"
            android:icon="@drawable/ic_error_black"
            android:title="@string/spam_string" />

    </group>
</menu>

5. Now with our header and menu created we can start creating our main_activity.xml, so open up main_activity.xml and add the following code inside it. As you can see we have our DrawerLayout root view and it has two child view, the first one represents the content of our app which is linear layout in my case I have added my toolbar and frameLayout inside the linear layout. Now the second child of our Drawer Layout is going to be the view which we want to act like a sliding drawer in our case its the Navigation View. Rhe following attributes help us link our drawer menu and header view to navigation view. Setting gravity start makes the view slide from left. Also notice that we have added android:fitsSystemWindows="true" attribute to our drawerlayout to achieve the slide under transparent status bar effect.
app:headerLayout="@layout/header"

app:menu="@menu/drawer"

android:layout_gravity="start"
rest of the code is self explanatory.

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:context=".MainActivity">

    <LinearLayout
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:orientation="vertical"
        >
        <include
            android:id="@+id/toolbar"
            layout="@layout/tool_bar"
        />
        <FrameLayout
            android:id="@+id/frame"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

        </FrameLayout>

    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_height="match_parent"
        android:layout_width="wrap_content"
        android:layout_gravity="start"
        app:headerLayout="@layout/header"
        app:menu="@menu/drawer"
        />
</android.support.v4.widget.DrawerLayout>

6. Now for the purpose of tutorial I am going to make a fragment and show you how to replace the fragment with the contents of your app when your menu item in drawer is selected so go ahead and create a layout for the fragment I have named mine content_fragment.xml. Add the following code to it (Just a TextView Inside a relative layout).

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="INBOX"
        android:padding="8dp"
        android:textColor="#fff"
        android:background="@color/PrimaryColor"
        android:textSize="28sp"
        android:id="@+id/textView"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true" />
</RelativeLayout>

7. Now go to Java->[app_package_name] and create a new class for your fragment name. I have named mine ContentFragment. Add the following lines of code. Code is pretty self explanatory, with that we have our fragment ready.

package com.android4dev.navigationview;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * Created by Admin on 04-06-2015.
 */
public class ContentFragment extends Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View v = inflater.inflate(R.layout.content_fragment,container,false);
        return v;
    }
}

8. Now finally go to MainActivity.xml add Add the following code, I have added Comments to help you understand the code so make sure you read the comments.

package com.android4dev.navigationview;

import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.AsyncTask;
import android.support.design.widget.NavigationView;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.SubMenu;
import android.view.View;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    //Defining Variables
    private Toolbar toolbar;
    private NavigationView navigationView;
    private DrawerLayout drawerLayout;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Initializing Toolbar and setting it as the actionbar
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        
        //Initializing NavigationView
        navigationView = (NavigationView) findViewById(R.id.navigation_view);
        
        //Setting Navigation View Item Selected Listener to handle the item click of the navigation menu
        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
            
            // This method will trigger on item Click of navigation menu
            @Override
            public boolean onNavigationItemSelected(MenuItem menuItem) {

                
                //Checking if the item is in checked state or not, if not make it in checked state
                if(menuItem.isChecked()) menuItem.setChecked(false);
                else menuItem.setChecked(true);

                //Closing drawer on item click
                drawerLayout.closeDrawers();
                
                //Check to see which item was being clicked and perform appropriate action
                switch (menuItem.getItemId()){

                    
                    //Replacing the main content with ContentFragment Which is our Inbox View;
                    case R.id.inbox:
                        Toast.makeText(getApplicationContext(),"Inbox Selected",Toast.LENGTH_SHORT).show();
                        ContentFragment fragment = new ContentFragment();
                        android.support.v4.app.FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
                        fragmentTransaction.replace(R.id.frame,fragment);
                        fragmentTransaction.commit();
                        return true;
                   
                    // For rest of the options we just show a toast on click
                    
                    case R.id.starred:
                        Toast.makeText(getApplicationContext(),"Stared Selected",Toast.LENGTH_SHORT).show();
                        return true;
                    case R.id.sent_mail:
                        Toast.makeText(getApplicationContext(),"Send Selected",Toast.LENGTH_SHORT).show();
                        return true;
                    case R.id.drafts:
                        Toast.makeText(getApplicationContext(),"Drafts Selected",Toast.LENGTH_SHORT).show();
                        return true;
                    case R.id.allmail:
                        Toast.makeText(getApplicationContext(),"All Mail Selected",Toast.LENGTH_SHORT).show();
                        return true;
                    case R.id.trash:
                        Toast.makeText(getApplicationContext(),"Trash Selected",Toast.LENGTH_SHORT).show();
                        return true;
                    case R.id.spam:
                        Toast.makeText(getApplicationContext(),"Spam Selected",Toast.LENGTH_SHORT).show();
                        return true;
                    default:
                        Toast.makeText(getApplicationContext(),"Somethings Wrong",Toast.LENGTH_SHORT).show();
                        return true;

                }
            }
        });

        // Initializing Drawer Layout and ActionBarToggle
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer);
        ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this,drawerLayout,toolbar,R.string.openDrawer, R.string.closeDrawer){

            @Override
            public void onDrawerClosed(View drawerView) {
                // Code here will be triggered once the drawer closes as we dont want anything to happen so we leave this blank
                super.onDrawerClosed(drawerView);
            }

            @Override
            public void onDrawerOpened(View drawerView) {
                // Code here will be triggered once the drawer open as we dont want anything to happen so we leave this blank

                super.onDrawerOpened(drawerView);
            }
        };

        //Setting the actionbarToggle to drawer layout
        drawerLayout.setDrawerListener(actionBarDrawerToggle);
        
        //calling sync state is necessay or else your hamburger icon wont show up
        actionBarDrawerToggle.syncState();






    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

9. So with that we are done, If you follow the tutorial properly and now if you run the app you would get the desired result as shown below.

GitHub - Download Project

This concludes the tutorial hope you learned something and you like it, If you do like it please share, comment and subscribe for more tutorials.

Akash Bangad

Computer Engineer from Maharashtra,India. Trying to make my way in the world of mobile development. Steve Jobs admirer and techy at heart.

169 comments:

rpdlp6 June 2015 at 18:42
github please
ReplyDelete
Replies
Unknown7 June 2015 at 18:36
the article is great! May I translate it into Chinese? I will put the origin article link and author's name in the translated article. thank you！
ReplyDelete
Replies
Михаил Захаров8 June 2015 at 05:22
Which min API level you built this project against?
ReplyDelete
Replies
Unknown8 June 2015 at 20:55
This comment has been removed by the author.
ReplyDelete
Replies
King Khan17 June 2015 at 11:02
compile 'com.android.support:design:22.2.0
After add this line of code Android Studio gives me Error Failed to find path how can i solve this problem?
ReplyDelete
Replies
Andrea23 June 2015 at 10:27
Hi, thank you for this tutorial, it is very useful for me.
Can I ask one thing? How to change highlight color for row selected?
ReplyDelete
Replies
Lord of...25 June 2015 at 11:30
I'm running this on an Android 4.2.1 (Api Level 17) device... and it crash giving me:
Binary XML file line #28: Error inflating class android.support.design.widget.NavigationView
Here is part of my build.gradle:
compileSdkVersion 22
buildToolsVersion "22.0.1"
minSdkVersion 17
targetSdkVersion 22

Any ideas why? or how to solve it? Thanks!
Great tutorials BTW!
ReplyDelete
Replies
JATT25 June 2015 at 15:27
hello friend, a question, if I want to do something with the header, for example it pressed and there will me a fragment or something, as I call it in the OnNavigationItemSelectedListener? or that way I do. thanks in advance.
ReplyDelete
Replies
Unknown29 June 2015 at 12:35
hello, if I want define section for my navigation drawer, how I make?
ReplyDelete
Replies
Unknown29 June 2015 at 16:03
This comment has been removed by the author.
ReplyDelete
Replies
Unknown29 June 2015 at 16:05
thank you for article , what is requirement min sdk for this tutorial ?
ReplyDelete
Replies
Unknown29 June 2015 at 16:06
This comment has been removed by the author.
ReplyDelete
Replies
Unknown2 July 2015 at 05:33
This comment has been removed by the author.
ReplyDelete
Replies
Liam Ong3 July 2015 at 20:41
This comment has been removed by the author.
ReplyDelete
Replies
Liam Ong3 July 2015 at 20:55
Hi @Akash bangad, I found this post very useful for me in creating my app. But just one more thing, how do I add a Switch to this Navigation View?
ReplyDelete
Replies
Hitesh Dhamshaniya4 July 2015 at 04:23
Hello there,

Added ContentDetail fragment to backstack and when navigate to ContentFragment at that time default back button not working any more, If I am not adding ContactFragment to BackStack than application close while press Default back button.
ReplyDelete
Replies
hendy evan5 July 2015 at 08:33
Hello, how to handle event when i click on sub item?
ReplyDelete
Replies
Pratik Butani25 July 2015 at 03:59
If I select "Selected Item" then what will be happen. Is Fragment call again?
ReplyDelete
Replies
blank space28 July 2015 at 10:48
Excelent tutorial, I love it! But I have one question.
In the main_menu.xml is the items of the menu bar, in this place I can add icons from righ to left, this way:

how can add an item in the center of the bar?
*by example the logo of my corporation.
ReplyDelete
Replies
Unknown3 August 2015 at 22:34
hi, i'm beginner in android development and i love your site sooo much, can you share some android development (material design) tutorials for beginners :)
ReplyDelete
Replies
Unknown4 August 2015 at 23:22
hey
if i want to use this drawer in all my activities any short cut or use entire code in all activities
Thanks in advance
ReplyDelete
Replies
Policy21 August 2015 at 21:23
good work..............!!!
ReplyDelete
Replies
Ewerton23 August 2015 at 10:15
This comment has been removed by the author.
ReplyDelete
Replies
Ewerton23 August 2015 at 10:15
like leaving the slidedrawer below the toolbar?
ReplyDelete
Replies
Unknown26 August 2015 at 12:38
To make a navigation drawer with badge (eg number of email unread), is it better to follow your tutorial about Recycler View ?
Can you show us how do you do that
ReplyDelete
Replies
Unknown28 August 2015 at 00:11
Hello

In MainActivity.java I got error someone please help me.
Error:(99, 115) error: cannot find symbol variable openDrawer
Error:(99, 136) error: cannot find symbol variable closeDrawer

Thanks in advance.
ReplyDelete
Replies
Samantha Jones28 August 2015 at 03:44
In fact there is nothing difficult, a little difficult to handle and can be used.
P.S. Essay Writing
ReplyDelete
Replies
Unknown30 August 2015 at 23:07
dear sir i want help in one thing i know its not Your project but i found it on github.. for fast material Design but m stuck at one point on changing fragment... i am new soo dont know how to do can you please help me??? here is the link of that project.. http://androidshenanigans.blogspot.in/2015/03/material-design-template.html i cant find the way to change fragment... can you make tutorial of it??? or how can we give fragment tag???
ReplyDelete
Replies
Fabrizio Russo31 August 2015 at 10:26
Good tutorial,
but how to customize the views inside the headers (like the rounded image or the textviews ) ?
ReplyDelete
Replies
Unknown2 September 2015 at 22:46
Great tutoriel ! I need a boost.
Is it good to create a constructor in the "ContentFragment" with a "int" parameter for the layout of a fragment to handle the others click ? Is there a other way ?
(Sorry for poor English and i'm newbie)
Thanks
ReplyDelete
Replies
winarto saputro3 September 2015 at 00:37
thanks dude. your tutorial so awesome.
but i have a question, how can we use our navigation drawer anywhere? not in just one activity. I'm a nubie on android dev, so i need your guidance.
thankyou
ReplyDelete
Replies
Unknown3 September 2015 at 20:08
How do you add spacers and dividers in between items in the drawer?
ReplyDelete
Replies
Unknown8 September 2015 at 02:27
is it possible to add sub menu?
ReplyDelete
Replies
Unknown14 September 2015 at 14:13
hi how can i get color to the icons menu and change the color text menu?
ReplyDelete
Replies
Unknown18 September 2015 at 10:12
Hi, i'm trying to add new fragment in the switch case block. I used the same code for add inbox fragment. But i have this error:

Error:(94, 45) error: no suitable method found for replace(int,ProfileFragment)
method FragmentTransaction.replace(int,Fragment,String) is not applicable
(actual and formal argument lists differ in length)
method FragmentTransaction.replace(int,Fragment) is not applicable
(actual argument ProfileFragment cannot be converted to Fragment by method invocation conversion)

I think that the problem is related to the library but i don't know how to fix it.

This is my code:
...
case R.id.home:
//Toast.makeText(getApplicationContext(),"Home",Toast.LENGTH_SHORT).show();
HomeFragment home = new HomeFragment();
android.support.v4.app.FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
fragmentTransaction.replace(R.id.frame, home);
fragmentTransaction.commit();
return true;

case R.id.profilo:
//Toast.makeText(getApplicationContext(),"Profilo",Toast.LENGTH_SHORT).show();
ProfileFragment profilo = new ProfileFragment();
android.support.v4.app.FragmentTransaction fragmentTransaction1 = getSupportFragmentManager().beginTransaction();
fragmentTransaction1.replace(R.id.frame, profilo);
fragmentTransaction1.commit();
return true;
...

Please help me!
ReplyDelete
Replies
Unknown21 September 2015 at 00:33
Hey Aakash,
Thnx for tutorial it's really helpful.
in this navigationView How do you and dividers in between menu items in the drawer?
If possible then please reply ???
ReplyDelete
Replies
sai23 September 2015 at 23:33
ThanQ very much u saved my day how to change the background color of selected item in nav drawer from default grey?
ReplyDelete
Replies
Anonymous25 September 2015 at 23:11
how to navigation view is below toolbar?
ReplyDelete
Replies
Amanda Cline5 October 2015 at 02:48
Best Navigation UI Design: Click Here
Best Navigation Libraries: Click Here
ReplyDelete
Replies
V_El8 October 2015 at 05:14
My toolbar and drawer are on the right side, why is that ?
i changed start to end, and drawer is now back on the left side, but the toolbar hamburger icon is still on the right.
When i click on it, it gives me force close.
And i don't have transparent statusbar. I'm runing this on 4.4.2 device (api 19)...
ReplyDelete
Replies
Unknown10 October 2015 at 06:56
how can i set tittle for each activity in the drawer please say
ReplyDelete
Replies
Unknown10 October 2015 at 06:56
how can i set tittle for each activity in the drawer please say
ReplyDelete
Replies
Nipun Fernando13 October 2015 at 10:16
Thank you very much for this . works perfectcly
ReplyDelete
Replies
Unknown16 October 2015 at 10:14
I've used an image as drawer background that has the same proportions of the one that you've used but the image get stretched. What is the right size?
ReplyDelete
Replies
gcstang18 October 2015 at 18:07
Wonderful Tutorial!!!!
ReplyDelete
Replies
Anonymous26 October 2015 at 20:25
Its good .But when i am displaying textview it is showing on the top of Screen.
ReplyDelete
Replies
Unknown30 October 2015 at 02:16
Great tutorial!!! I have a question : what if I want to put a badge with a number filled dynamicly?
ReplyDelete
Replies
Unknown30 October 2015 at 02:18
Great tutorial!!! I have a question : what if I want to put a badge with a number filled dynamicly?
ReplyDelete
Replies
Unknown7 November 2015 at 22:35
Thanks for the Tutorial.

I have a problem though. I have a button in 'Sent mail' which says go to 'Inbox'. When I click on 'Go to Inbox' I am successfully able to go inbox layout, but the selected item in Navigation view remains in 'Sent mail'. How do I change the selected item to 'Inbox'. I want to change the selected menu item from another class(which extends Fragment).

Thank you.
ReplyDelete
Replies
Unknown15 November 2015 at 02:11
This comment has been removed by the author.
ReplyDelete
Replies
Unknown15 November 2015 at 02:14
Android Tutorial: viralandroid.com/2015/11/android-tutorial.html
ReplyDelete
Replies
Unknown27 November 2015 at 02:26
I have tried your code, the problem is when I click "inbox" there is a dark gray color when pressed but when I open the drawer again the dark gray color (highlight) is gone.
ReplyDelete
Replies
Amit Kumar Singh28 November 2015 at 08:36
It's very helpful and Thanks for post.
ReplyDelete
Replies
Igor Feiden3 December 2015 at 09:22
Great article, really helpful.

Thanks, Akash!
ReplyDelete
Replies
Unknown13 December 2015 at 02:19
When I press one item , fragment is not replace main activity ... WHy???
ReplyDelete
Replies
Unknown13 December 2015 at 23:20
thanks it help me a lot,
i am done with this, now i want the same navigation view in other activity.
any solution
ReplyDelete
Replies
Unknown17 December 2015 at 21:58
thanxxx it helps me alot
ReplyDelete
Replies
Unknown17 December 2015 at 23:37
Hi, I've been using your tutorial & wanted to know that how I can change the background color of selected item in navigation drawer. also it would be helpful if you can show me how I can insert a divider line between the item list.
ReplyDelete
Replies
Unknown19 December 2015 at 11:13
Hi, I have a question, Where the first item of NavigationView is being selected. Means, if I start an activity having NavigationView, it shows blank until I select some item from nav menu.
ReplyDelete
Replies
Unknown30 December 2015 at 15:30
Works great, thanks a lot!
ReplyDelete
Replies
Unknown31 December 2015 at 03:19
If i provide a multicolor icon in menu, its not showing, its showing as a grey icon, how can we change that?
ReplyDelete
Replies
Unknown6 January 2016 at 23:04
This is great tutorial, may I know what if i want to replace the value inside of the header such as (id/profile_image) programmatically.
ReplyDelete
Replies
Anonymous8 January 2016 at 01:06
Hi guys ...
Can I change direction of android.support.design.widget.NavigationView to RightToLeft.
Because I want to display a Persian menu that it has an icon in right and a Persian text in left of icon .
(In this tutorial text is right of the icon .)
ReplyDelete
Replies
Unknown15 January 2016 at 13:19
Thanks!! I looked for how to inflate fragment with navigationview, you helped me !
ReplyDelete
Replies
Unknown17 January 2016 at 20:17
The newer version of "com.android.support:design:" is avaiable... So, you have to change the version: 22.2.0 to 23.1.1 ...
ReplyDelete
Replies
Anonymous26 January 2016 at 20:56
For changing the color and font of the navigation view items:

add following line in styles.xml file

style name="NavigationDrawerStyle"
15dp
normal
style
Call this style inside navigation view :
app:itemTextAppearance="@style/NavigationDrawerStyle"
ReplyDelete
Replies
Anonymous26 January 2016 at 20:59
In the above comment, i did not use style tag because of some browser html problem.

So use style tag in above comment
ReplyDelete
Replies
Unknown5 February 2016 at 04:51
How i can move items to the right?
ReplyDelete
Replies
Unknown11 February 2016 at 23:34
Thank you. But I do somthing like when i clicke on inbox, open submenu in navigation drawer...Have you any example? please Help.
ReplyDelete
Replies
Unknown16 February 2016 at 14:20
i get the error Wrong 2nd argument type found 'com.**.**.**.**.SettingsFragment' required 'Android.app.Fragment' in the line fragmentTransaction.replace(R.id.frame, fragment); fragment(2nd parameter) is underlined
ReplyDelete
Replies
henris2 March 2016 at 05:46
Excellent post, some great resources. Styling your blog the right way is key. This information is impressive..I am inspired with your post writing style & how continuously you describe this topic. After reading your post,thanks for taking the time to discuss this, I feel happy about and I am eager to learn more about this topic. please keep update like this.

SQL DBA Training in Chennai

ReplyDelete
Replies
Genius Programmer3 March 2016 at 01:32
Awesome
Thank you
ReplyDelete
Replies
Unknown9 March 2016 at 12:23
night,
thanks for the tutorial. please advice and criticism on my first application
https://drive.google.com/file/d/0B3eiYbiyWsShbEg4SWRxMzdnU2s/view?usp=sharing
thank you
ReplyDelete
Replies
Tech Ranger10 March 2016 at 00:09
Hi Friend,
thanks for the tutorial.
Here is one request..
i need something like the navigation drawer to open when i click on navigattion drawer icon. how can this be done?
Help me
ReplyDelete
Replies
Unknown10 March 2016 at 08:36
Yo Dude, I am wondering when I first open the App i have content in the activity_main file, how do I hie this whe I inflate one of my fragments, Thanks
ReplyDelete
Replies
Unknown10 March 2016 at 08:39
Yo Dude, I am wondering when I first open the App i have content in the activity_main file, how do I hie this whe I inflate one of my fragments, Thanks
ReplyDelete
Replies
Unknown16 March 2016 at 01:43
Very useful tutorial, Thank you!
ReplyDelete
Replies
Unknown17 March 2016 at 22:38
why the color of menu item icons changes to grey? Even if I use the colored icons, how to show the colored icons in the navigation view, please Help
ReplyDelete
Replies
keyhan24 March 2016 at 02:09
very good
ReplyDelete
Replies
Sujay26 March 2016 at 07:58
In activity_main.xaml there is reference to layout/toolbar but toolbar layout isnt in the project
ReplyDelete
Replies
Tech Ranger1 April 2016 at 21:33
Hi..
is it possible to change profile image onclicking circleimage.
help me.
ReplyDelete
Replies
RotatingMind17 April 2016 at 10:24
hhhhh
ReplyDelete
Replies
Unknown19 April 2016 at 06:19
why didn't I see the header got set?
ReplyDelete
Replies
alicetaylor9 May 2016 at 01:09
Thanks for all your information, Website is very nice and informative content.
monkey go happy | cat mario 4 | learn to fly | mahjong| happy wheels | pacman |yahtzee with buddies|defend your nuts 2
ReplyDelete
Replies
Unknown17 May 2016 at 22:24
Thanks for the best blog.it was very useful for me. Keep sharing such ideas in the future as well. This was actually what i was looking for, and i am glad to came here!
Open Facebook
| Science Kombat
| Science Kombat Game
| Earn to Die
| Tank Trouble
ReplyDelete
Replies
Unknown21 May 2016 at 10:51
This comment has been removed by the author.
ReplyDelete
Replies
Unknown25 May 2016 at 23:48
Formerly the users could just rank the locations after going to the local search area and also they might simply rank it if they had actually been to the area prior to or had actually been marked there previously. buy facebook 5 star reviews
ReplyDelete
Replies
hoahero12 June 2016 at 20:58
A good blog. Thanks for sharing the information. It is very useful for my future. keep sharing
red ball 2 | duck life 2 | happy wheels | Red Ball | Red ball 3 | Flash Games| Tank trouble
ReplyDelete
Replies
Unknown20 June 2016 at 06:54
Hi, Good Tutorial. By the way, how to add extra parameter on one of the menu item, http://www.androidhive.info/2013/11/android-sliding-menu-using-navigation-drawer/ "// Communities, Will add a counter here
navDrawerItems.add(new NavDrawerItem(navMenuTitles[3], navMenuIcons.getResourceId(3, -1), true, "22"));"
ReplyDelete
Replies
Lali Makharadze14 July 2016 at 01:08
Nice article. By the way, I have found a LoopBar - an open source library of Tab Bar with Infinite Scrolling for Android. In my opinion, it looks very cool!
ReplyDelete
Replies
Łukasz Taraszka7 August 2016 at 10:07
Thank You. Akash it's really good tutorial.
Keep doing it!
ReplyDelete
Replies
Unknown23 August 2016 at 10:05
Android app is smoothy design platform in the mobile application.!
TechAstro
ReplyDelete
Replies
Unknown25 August 2016 at 00:53
Nice to see your blog post. I enjoyed by reading your post section. Thank you for your valuable post share with us. I had shared this with my friends too.

Seo Training in Chennai
ReplyDelete
Replies
Hema29 August 2016 at 05:26
This content creates a new hope and inspiration with in me. Thanks for sharing article like this. The way you have stated everything above is quite awesome. Keep blogging like this. Thanks.
Best Seo Web design company Chennai
ReplyDelete
Replies
Unknown30 August 2016 at 01:34
I am really enjoying reading your well written Information. I have read your post carefully and relies that this is a very helpful for me
fireboy and watergirl game
Geometry Dash 2.0
ReplyDelete
Replies
Unknown30 August 2016 at 05:18
Wanna see new navigation tutorial?? Refer this:
Such a nice tutorial. Do refer these tutorials too :)
Android Navigation drawer Tutorial

Google Maps using Retrofit
ReplyDelete
Replies
Unknown11 September 2016 at 19:22

This app is great it gives you those moments of relaxation and incredibly wonderful
gold strike | stick war
stick games| pokemon go|animal jam 2

ReplyDelete
Replies
شركة رواد الحرمين8 October 2016 at 17:24

شركة كشف تسربات المياه بالجبيل
كشف تسربات المياه بالجبيل
شركة عزل اسطح بالجبيل
شركة عزل خزانات المياه بالجبيل
شركه عزل مائى بالجبيل
شركة عزل حرارى بالجبيل
شركة ترميم منازل بالجبيل
شركة مكافحة حشرات بالجبيل
شركة رش مبيدات بالجبيل
شركة تسليك مجارى بالجبيل

شركة تساهيل كشف تسربات المياه بالاحساء

شركة دهانات بمكة
ReplyDelete
Replies
Aji Yulianto17 November 2016 at 12:42
i did follow this tutorial, how to run navigation smoothly.??
my app is very lag..
thanks anuway..
ReplyDelete
Replies
Games Boy23 November 2016 at 10:43
Nice o See your code all way around
happy weels||happywheels||happywheelsdemo.in||slitherio game
ReplyDelete
Replies
Unknown16 December 2016 at 18:44
This comment has been removed by the author.
ReplyDelete
Replies
Unknown17 January 2017 at 02:34
i am getting error please help me out also i am not getting drawer icons
ReplyDelete
Replies
Unknown19 January 2017 at 04:24
Checkout and set these values in your build.gradle(Module: app) folder
Hopefully it will work.

CompileSdkVersion 22
buildToolsVersion "22.0.1"

minSdkVersion 11
targetSdkVersion 22

compile 'com.android.support:appcompat-v7:22.2.0'
compile 'com.android.support:design:22.2.0
ReplyDelete
Replies
Unknown27 January 2017 at 23:41
laptops below 15000
laptops below 20000
mobile phones below 5000
mobile phones below 6000
airtel ussd code
mtnl ussd code
ReplyDelete
Replies
i_am_the_winner_amrut6 February 2017 at 01:16
Hello,
How to add submenu in above example, with expand and collapse attributes.
ReplyDelete
Replies
Unknown15 July 2017 at 21:58
This solution is the finest tool that you can decide for boosting internet traffic on your page as all the people will be able to see the items and services that you are offering. buy us facebook likes
ReplyDelete
Replies
Sachin Yadav18 July 2017 at 02:04
nokia 6 price amazon

best android phone under 9000 rupees with 3gb ram

android phone under 8000

phone under 6000

best gopro alternatives
ReplyDelete
Replies
Bross19 July 2017 at 11:49
i simply wanna say thanks. Tomorrow is the last entry day. To all of the wonderful people whom I have had commented on their remarks and their comment's on mine. I thank you. I think the Blogs are great and what learning experiences we all get from each other's views. A true learning experience. I wish all of you best of luck, I will be envious if I don't win but such is life. The Dream Home 2016 is the Dream of a life time and I hope the winning family get to actually live in it. May God bless and keep all of you. Regards osappsbox
ReplyDelete
Replies
Back Dean3 August 2017 at 07:17
Brilliant content is sometimes impossible to find!
How to run windows on android tablet
University of Illinois WebStore
ReplyDelete
Replies
DEMO9 August 2017 at 23:00
i liked your post, its very informative. I would like to read more from you.
download puffin Browser for windows pc
cubamessenger app apk download
Bigo Live Stream Apk Download
ReplyDelete
Replies
Webdecorum24 August 2017 at 00:12
Mental health specialist maintains gear of mental health clinics with administrative support, but more than that, they play an active role in the treatment and prevention of mental health crises. His duties include managing patient interviews and psychological tests, which provides personal and group consultation for psychological and substance abuse problems, and provides for physical needs of patients. Find psychotherapist and counselling in Leamington spa and Warwickshire.
Psychotherapist and counselling in leamington spa
psychological therapies Leamington
Cognitive behavioral therapy in leamington spa
Mental health specialist in leaminton spa
Learn with me
psychotherapy leamington spa
ReplyDelete
Replies
Unknown16 September 2017 at 15:46
vodafone own number check
idea recharge loan code
tata docomo ussd codes
canara bank balance enquiry
hdfc balance check
punjab national bank account balance enquiry
boi balance check
sbi balance check by account number
ReplyDelete
Replies
Webdecorum2 October 2017 at 23:12
We design corporate and industrial website for our client worldwide. Corporate website is an essential part of your business. If you are going to start a business go with corporate website development company they will help you in w best way.
ReplyDelete
Replies
Webdecorum2 October 2017 at 23:19
We design corporate and industrial website for our client worldwide. Corporate website is an essential part of your business. If you are going to start a business go with corporate website development company they will help you in a best way.
ReplyDelete
Replies
Unknown18 October 2017 at 01:58
Sony Xperia Z1 Lowest Price Comparison [Specification & Features]
Sony Xperia ZR Lowest Price Comparison [Specification & Features]
Sony Xperia SP Lowest Price Comparison [Specification & Features]
Sony Xperia Miro Lowest Price Comparison [Specification & Features]
Sony Xperia Tipo Dual Lowest Price Comparison [Specification & Features]

ReplyDelete
Replies
osappsbox.com5 December 2017 at 03:22
When someone writes a paragraph he/she retains the image of a user in his/her brain that how a user can know it. Therefore that's why this post is great. Thanks! apksfile.
ReplyDelete
Replies
Krishnakumar Ramachandran31 December 2017 at 00:45
I want to add facebook icon in navigation drawer.
Help me
ReplyDelete
Replies
Ankur Gupta7 January 2018 at 07:25
Thanks for a great information website designing company in delhi

seo services in delhi ncr
ReplyDelete
Replies
Shane Watson8 January 2018 at 02:17
Website Development Company in Delhi

Website Designing Company in Delhi, Noida
ReplyDelete
Replies
Shane Watson8 January 2018 at 02:22
Best iPhone iOS tricks and hacks

Best iPhone iOS Apps Download

[url]https://www.howtocrazy.com/how-to-add-featured-photos-facebook-profile-tutorial[/url]
ReplyDelete
Replies
Unknown11 January 2018 at 23:43
For enhancing your opportunities of winning you ought to pick this service so that you could be in great deal. buy usa likes
ReplyDelete
Replies
Unknown12 January 2018 at 05:57
free Paytm Cash

free recharge tricks
ReplyDelete
Replies
Unknown23 January 2018 at 22:09
find mobile number
number check code
know own number
bestpromarket
ReplyDelete
Replies
Unknown30 January 2018 at 00:43
Great! tutorial.The tutorial you provide here is very much reliable.Must try these Apps
ReplyDelete
Replies
Unknown8 March 2018 at 00:06
Information contains in the article looks unique and innovative.People must enjoy it.My guide also contains informative ideas for the people,so you must take a look at that:imovie for pc
ReplyDelete
Replies
Shane10 March 2018 at 23:55
loot tricks loot offer
ReplyDelete
Replies
kusumreno18 March 2018 at 11:58
If You are looking for airtel ussd codes then check it here.
ReplyDelete
Replies
NOOR23 March 2018 at 09:22
I am very enjoyed for this blog. Its an informative topic. It help me very much to solve some problems. Its opportunity are so fantastic and working style so speedy. TutuApp iOS 11
ReplyDelete
Replies
CNG31 March 2018 at 03:27
Positive site, where did u come up with the information on this posting?I have read a few of the articles on your website now, and I really like your style. Thanks a million and please keep up the effective work. Download iOS 11.3
ReplyDelete
Replies
The Tech Top 103 May 2018 at 23:52
This comment has been removed by the author.
ReplyDelete
Replies
SWAMI AYYAPPA29 May 2018 at 23:15
sling tv on kodi
sling tv kodi
kodi sling tv
ReplyDelete
Replies
sriram4 June 2018 at 02:21

Well Said, you have furnished the right information that will be useful to anyone at all time. Thanks for sharing your Ideas.

web designing course in chennai
ReplyDelete
Replies
sonu9 June 2018 at 04:07

Downlaod PS4 Emulator For PC
Downlaod 3DS Emulator For PC and Android
ReplyDelete
Replies
Unknown10 June 2018 at 18:25
Foggyhub
ReplyDelete
Replies
ANDROID app apks6 August 2018 at 08:11
Free Likes
Auto Liker
best Liker
ReplyDelete
Replies
nilashri27 August 2018 at 03:48
Thank you a lot for providing individuals with a very spectacular possibility to read critical reviews from this site.
Devops training in Sollonganallur"

Deops training in annanagar"

Devops training in chennai"

Devops training in marathahalli"

Devops training in rajajinagar"

Devops training in BTM Layout"
ReplyDelete
Replies
aditya5511 September 2018 at 07:09
here online web tutorial welookups
ReplyDelete
Replies
w3webschool12 October 2018 at 09:48
Well Said, you have furnished the right information that will be useful to anyone at all time. Thanks for sharing your Ideas.
Web Design Training
ReplyDelete
Replies
Piyush16 May 2019 at 12:22
Thanks airtel 4g data balance check
ReplyDelete
Replies
Rahul Saha10 December 2020 at 02:40
Seo Solution Blog provide some best free website seo audit tools. Complete Seo Solution available in this blog.
SEO Audit Tool
ReplyDelete
Replies
SEO Personal 14 December 2020 at 01:11
We provide best website designing in Meerut and web development in Meerut, ecommerce website development in Meerut and online marketing in Meerut
web developer in Meerut
ReplyDelete
Replies
Rahul Sharma16 December 2020 at 02:05
Read Upadte Meerut News with The Sabera Local Meerut News Website and Mobile App. Get up to date your Local News with Us.
Latest Meerut News
ReplyDelete
Replies
Service_sk30 December 2020 at 21:20
Olá, estou tão feliz por ter localizado o seu blog, realmente localizei você por engano, enquanto estava assistindo no google por outra coisa. De qualquer forma, estou aqui agora e gostaria apenas de agradecer por um post tremendo e um site totalmente divertido. Por favor, continue com o excelente trabalho. ver mensagens enviadas do telemovel
ReplyDelete
Replies
Vihan Malick3 September 2021 at 10:19
Great Article.Thanks for the remarkable information. Please keep updating us.

Webcompany in Meerut
Best Website Designing Company in Delhi
Best hoarding company in delhi ncr
Best website for hindi News
Best Magazine in india
ReplyDelete
Replies
sree8 September 2021 at 05:54
Thank you, for sharing nice Blog. for technologies and academic projects visit our website
Java Projects for Engineering Students on Takeoff Edu Group.
ReplyDelete
Replies
Rahul18 January 2022 at 01:37
Nice Post
You provide good information and keep updating. We also have some information.
Top Exhibition stand construction in Germany

website designing company in Indirapuram
Exterior Design Consultancy in Delhi
ReplyDelete
Replies
Maven Technology6 May 2022 at 07:01
Information contains in the article looks unique and innovative, Thanks for sharing such a nice information, People must enjoy it.

We Are Maven Technology The Best Website Development Company And Best Mobile App Development Company In India

If you required a any Website related services you can directly whats app at +91 9310142345.
ReplyDelete
Replies