In android how to set navigation drawer header image and name programmatically in class file

Question

In android studio 1 4 1  I have created new Navigation Drawer Project which is default My issue is in this project there is nav header main xml file which is for navigation header image and name  I want this image and name should be set programmatically in my main class activity  How to do this  I tried lot but the app crashes   nav header main xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout         android layout width  match parent  android id    id headerView  android layout height   dimen nav header height  android background   drawable side nav bar  android gravity  bottom  android orientation  vertical  android paddingBottom   dimen activity vertical margin  android paddingLeft   dimen activity horizontal margin  android paddingRight   dimen activity horizontal margin  android paddingTop   dimen activity vertical margin  android theme   style ThemeOverlay AppCompat Dark  gt    lt ImageView     android id    id imageView      android layout width  wrap content      android layout height  wrap content      android paddingTop   dimen nav header vertical spacing      android src   android drawable sym def app icon    gt    lt TextView     android layout width  match parent      android layout height  wrap content      android paddingTop   dimen nav header vertical spacing      android text  Android Studio      android textAppearance   style TextAppearance AppCompat Body1    gt    lt TextView     android id    id textView      android layout width  wrap content      android layout height  wrap content      android text  android studio android com    gt    lt  LinearLayout gt    activity main xml   lt  xml version  1 0  encoding  utf-8   gt   lt android support v4 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 drawer layout  android layout width  match parent  android layout height  match parent  android fitsSystemWindows  true  tools openDrawer  start  gt    lt include     layout   layout app bar main      android layout width  match parent      android layout height  match parent    gt    lt android support design widget NavigationView     android id    id nav view      android layout width  wrap content      android layout height  match parent      android layout gravity  start      android fitsSystemWindows  true      app headerLayout   layout nav header main      app menu   menu activity main drawer    gt        lt  android support v4 widget DrawerLayout gt    MainActivity Class  import android os Bundle  import android support design widget FloatingActionButton  import android support design widget NavigationView  import android support design widget Snackbar  import android support v4 view GravityCompat  import android support v4 widget DrawerLayout  import android support v7 app ActionBarDrawerToggle  import android support v7 app AppCompatActivity  import android support v7 widget Toolbar  import android view Menu  import android view MenuItem  import android view View  import android widget LinearLayout  import android widget Toast   public class MainActivity extends AppCompatActivity         implements NavigationView OnNavigationItemSelectedListener         Override     protected void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout activity main            LinearLayout headerImageView   LinearLayout  findViewById R id headerView             Toolbar toolbar    Toolbar  findViewById R id toolbar           setSupportActionBar toolbar            FloatingActionButton fab    FloatingActionButton  findViewById R id fab           fab setOnClickListener new View OnClickListener                  Override             public void onClick View view                    Snackbar make view   Replace with your own action   Snackbar LENGTH LONG                           setAction  Action   null  show                                       DrawerLayout drawer    DrawerLayout  findViewById R id drawer layout           ActionBarDrawerToggle toggle   new ActionBarDrawerToggle                  this  drawer  toolbar  R string navigation drawer open  R string navigation drawer close           drawer setDrawerListener toggle           toggle syncState             NavigationView navigationView    NavigationView  findViewById R id nav view           navigationView setNavigationItemSelectedListener this                Override     public void onBackPressed             DrawerLayout drawer    DrawerLayout  findViewById R id drawer layout           if  drawer isDrawerOpen GravityCompat START                 drawer closeDrawer GravityCompat START             else               super onBackPressed                          Override     public boolean onCreateOptionsMenu Menu menu               Inflate the menu  this adds items to the action bar if it is present          getMenuInflater   inflate R 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                Toast makeText getApplicationContext    working  Toast LENGTH LONG  show                return true                     return super onOptionsItemSelected item               SuppressWarnings  StatementWithEmptyBody        Override     public boolean onNavigationItemSelected MenuItem item               Handle navigation view item clicks here          int id   item getItemId             if  id    R id nav camara                   Handle the camera action           else if  id    R id nav gallery               else if  id    R id nav slideshow               else if  id    R id nav manage               else if  id    R id nav share               else if  id    R id nav send                        DrawerLayout drawer    DrawerLayout  findViewById R id drawer layout           drawer closeDrawer GravityCompat START            return true

User · Answer

I know this is an old post but i am sure that this might help someone down the road.

You can simply get the headerView element of the Navigation view by doing this:

 NavigationView mView = ( NavigationView ) findViewById( R.id.nav_view );

 if( mView != null ){
     LinearLayout mParent = ( LinearLayout ) mView.getHeaderView( 0 );

     if( mParent != null ){
        // Set your values to the image and text view by declaring and setting as you need to here. 
     }
 }

I hope that this helps someone.

User · Answer

NavigationView navigationView    NavigationView  findViewById R id nav view           navigationView addHeaderView yourview

User · Answer

If you re using bindings you can do val headerView   binding navView getHeaderView 0  val headerBinding   NavDrawerHeaderBinding bind headerView  headerBinding textView text    quot Your text here quot

User · Answer

Here is my code below perfectly working Do not add the header in NavigationView  tag in activity main xml       lt include     layout   layout app bar main      android layout width  match parent      android layout height  match parent    gt    lt android support design widget NavigationView     android id    id nav view      android layout width  wrap content      android layout height  match parent      android layout gravity  start      android fitsSystemWindows  true      app menu   menu activity main drawer      app itemBackground   drawable active drawer color    gt      add header programmatically with below code  View navHeaderView   navigationView inflateHeaderView R layout nav header main       headerUserName    TextView  navHeaderView findViewById R id nav header username       headerMobileNo    TextView  navHeaderView findViewById R id nav header mobile       headerMobileNo setText   918861899697        headerUserName setText  Anirudh R Huilgol

User · Answer

FirebaseAuth firebaseauth   FirebaseAuth getInstance         NavigationView navigationView    NavigationView  findViewById R id nav view       displays text of header of nav drawer      View headerview   navigationView getHeaderView 0        TextView tt1    TextView  headerview findViewById R id textview username       tt1 setText firebaseauth getCurrentUser   getDisplayName      username of logged in user        TextView tt    TextView  headerview findViewById R id textView emailid       tt setText firebaseauth getCurrentUser   getEmail          email id of logged in user       final ImageView img1    ImageView  headerview findViewById R id imageView userimage       Glide with getApplicationContext                 load firebaseauth getCurrentUser   getPhotoUrl    asBitmap   atMost   error R drawable ic selfie point icon      asbitmap after load always               into new SimpleTarget lt Bitmap gt                       Override                 public void onResourceReady Bitmap resource  GlideAnimation lt   super Bitmap gt  glideAnimation                        img1 setImageBitmap resource                                       I have made this code by myself with some logic   Its 100  working     pls do upvote my ans   The textview and imageview are from  layout nav header main xml

User · Answer

NavigationView navigationView    NavigationView  findViewById R id nav view   View hView    navigationView getHeaderView 0   TextView nav user    TextView hView findViewById R id nav name   nav user setText user     hope this help

User · Answer

don t add header in xml add using code by inflating layout  View hView    navigationView inflateHeaderView R layout nav header main   ImageView imgvw    ImageView hView findViewById R id imageView   TextView tv    TextView hView findViewById R id textview   imgvw  setImageResource    tv settext  new text

User · Answer

As mentioned in the bug 190226  Since version 23 1 0 getting header layout view with  navigationView findViewById R id navigation header text  no longer works   A workaround is to inflate the headerview programatically and find view by ID from the inflated header view   For example   View headerView   navigationView inflateHeaderView R layout navigation header   headerView findViewById R id navigation header text     Ideally there should be a method getHeaderView   but it has already been proposed  let s see and wait for it to be released in the feature release of design support library

User · Answer

In Kotlin      val hView   nav view getHeaderView 0      val textViewName   hView findViewById R id textViewName  as TextView     val textViewEmail   hView findViewById R id textViewEmail  as TextView     val imgvw   hView findViewById R id imageView  as ImageView     imgvw setImageResource R drawable ic menu gallery

User · Answer

EDIT   Works with design library upto 23 0 1 but doesn t work on 23 1 0  In main layout xml you will have NavigationView defined  in that use app headerLayout to set the header view     lt android support design widget NavigationView         android id    id navigation view          android layout width  wrap content          android layout height  match parent          android layout gravity  start          app headerLayout   layout nav drawer header          app menu   menu navigation drawer menu    gt    And the  layout nav drawer header will be the place holder of the image and texts   nav drawer header xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  170dp  android orientation  vertical  gt    lt RelativeLayout     android id    id headerRelativeLayout      android layout width  match parent      android layout height  match parent  gt        lt ImageView         android layout width  match parent          android layout height  wrap content          android scaleType  fitXY          android src   drawable background    gt        lt LinearLayout         android layout width  match parent          android layout height   dimen action bar size          android layout alignParentBottom  true          android layout alignParentLeft  true          android layout alignParentStart  true          android background   40000000          android gravity  center          android orientation  horizontal          android paddingBottom  5dp          android paddingLeft  16dp          android paddingRight  10dp          android paddingTop  5dp  gt            lt LinearLayout             android layout width  match parent              android layout height  match parent              android layout marginLeft  35dp              android orientation  vertical              android weightSum  2  gt                 lt TextView                 android id    id navHeaderTitle                  android layout width  wrap content                  android layout height  0dp                  android layout weight  1                  android textAppearance   android attr textAppearanceMedium                  android textColor   android color white    gt                lt TextView                 android id    id navHeaderSubTitle                  android layout width  wrap content                  android layout height  0dp                  android layout weight  1                  android textAppearance   android attr textAppearanceSmall                  android textColor   android color white    gt            lt  LinearLayout gt        lt  LinearLayout gt   lt  RelativeLayout gt   lt  LinearLayout gt    And in your main class  you can take handle of Imageview and TextView as like normal other views   TextView navHeaderTitle    TextView  findViewById R id navHeaderTitle   navHeaderTitle setText  Application Name     TextView navHeaderSubTitle    TextView  findViewById R id navHeaderSubTitle   navHeaderSubTitle setText  Application Caption      Hope this helps

User · Answer

Here is the method you can use to get header view and set data accourdingly val headerView  View    navigationView getHeaderView 0     Index of the added headerView       Now you can access child views of the header view val titleTextView  TextView    headerView  findViewById R id titleTextView

User · Answer

val navigationView  NavigationView    findViewById R id nv  val header  View   navigationView getHeaderView 0  val tv  TextView   header findViewById R id profilename  tv text    quot Your Text quot   This will fix your problem  lt 3

User · Answer

nav     NavigationView   findViewById  R id navigation         if  nav    null            LinearLayout mParent     LinearLayout   nav getHeaderView  0             if  mParent    null                   Set your values to the image and text view by declaring and setting as you need to here               SharedPreferences prefs   getSharedPreferences  user data   MODE PRIVATE               String photoUrl   prefs getString  photo url   null               String user name   prefs getString  name    User                 if photoUrl  null                    Log e  Photo Url     photoUrl                    TextView userName   mParent findViewById R id user name                   userName setText user name                    ImageView user imageView   mParent findViewById R id avatar                    RequestOptions requestOptions   new RequestOptions                    requestOptions placeholder R drawable ic user 24dp                   requestOptions error R drawable ic user 24dp                    Glide with this  load photoUrl                           apply requestOptions  thumbnail 0 5f  into user imageView                                     Hope this helps

User · Answer

It s and old post  but it s new for me  So  it is straight forward  In this part of the code    public boolean onNavigationItemSelected MenuItem item          I bound an ImageView to the LinearLayout  which contains the ImageView from the example  listed below  Mind  it s the same code you get when you start a new project  and choose the template  Navigation Drawer Activity      lt ImageView android id    id imageView  android layout width  wrap content  android layout height  wrap content  android paddingTop   dimen nav header vertical spacing  android src   android drawable sym def app icon    gt    I gave the LinearLayout and ID  inside nav header main xml  in my case I chose  navigation header container    so it went this way   LinearLayout lV    LinearLayout  findViewById R id navigation header container        ivCloseDrawer    ImageView  lV findViewById R id imageView       ivCloseDrawer setOnClickListener new View OnClickListener                  Override         public void onClick View v                        drawer closeDrawer GravityCompat START                       Note  I have a private ImageView ivCloseDrawer declared at the top  before onCreate  MainActivity    It worked fine  Hope it helps   Best Regards

User · Answer

Also you can use Kotlinx features  val hView   nav view getHeaderView 0  hView textViewName text    lorem ipsum  hView imageView setImageResource R drawable ic menu gallery

User · Answer

First you need to access the navigation drawer in your MainActivity or the calling activity  like this       NavigationView navigationView    NavigationView  findViewById R id nav view     Then you need to remove the header layout from the activity main xml because the layout will be inflated programatically in the MainActivity  Your activity main xml should look like this    lt  xml version  1 0  encoding  utf-8   gt   lt android support v4 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 drawer layout  android layout width  match parent  android layout height  match parent  android fitsSystemWindows  true  tools openDrawer  start  gt    lt include     layout   layout app bar main      android layout width  match parent      android layout height  match parent    gt    lt android support design widget NavigationView     android id    id nav view      android layout width  wrap content      android layout height  match parent      android layout gravity  start      android fitsSystemWindows  true      app menu   menu activity main drawer    gt        lt  android support v4 widget DrawerLayout gt    Then in your MainActivity  we inflate the nav header main layout and get access to its views  in this case the ImageView and TextView    inflate header layout View navView    navigationView inflateHeaderView R layout nav header main     reference to views ImageView imgvw    ImageView navView findViewById R id imageView   TextView tv    TextView navView findViewById R id textview     set views imgvw setImageResource R drawable your image   tv setText  new text     navigationView setNavigationItemSelectedListener this     You can read more here

[android] In android how to set navigation drawer header image and name programmatically in class file?

Examples related to android

Examples related to android-layout

Examples related to android-fragments

Examples related to androiddesignsupport

Examples related to android-navigationview