How add custom navigation view in Android

Question

I have created the layout as attached below, I haven't used any drawerlayout or navigation view. top bar is created using toolbar tag. Now I want to add a navigation view which will invoke once user clicks that hamburger icon. And it should be accessible from other activities as well

user_14333417 · Answer

You should use the navigation drawer.

You can do this this by creating one common class named BaseActivity and put your code of navigation drawer in this class. and extend your classes/Activities with BaseActivity, where you want to show navigation drawer.

 public class BaseActivity extends AppCompatActivity  {
 public Toolbar toolbar;                             
 ActionBarDrawerToggle mDrawerToggle;
 Context context;
 private NavigationView navigationView;
 private DrawerLayout drawerLayout;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
     super.onCreate(savedInstanceState);
 }

 protected boolean useToolbar() {
     return true;
 }


 @Override
 public void setContentView(int layoutResID) {
     context = this;

     DrawerLayout fullView = (DrawerLayout) getLayoutInflater().inflate(R.layout.drawer_main, null);
     FrameLayout activityContainer = (FrameLayout) fullView.findViewById(R.id.frame);
     getLayoutInflater().inflate(layoutResID, activityContainer, true);

     super.setContentView(fullView);
     toolbar = (Toolbar) fullView.findViewById(R.id.tool_bar);

     setSupportActionBar(toolbar);
     getSupportActionBar().setTitle("");
     toolbar.setTitle("");
     this.getSupportActionBar().setElevation(0);

     getSupportActionBar().setLogo(R.drawable.ic_arrahm);
     //  toolbar.setLogo(R.drawable.ic_main);
     if (useToolbar()) {
         setSupportActionBar(toolbar);
         setTitle("Places Near Me");
     } else {
         toolbar.setVisibility(View.GONE);
     }


     //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()) {
                 case R.id.edit_profile:                   
                     return true;
                 case R.id.change_password:
                     return true;
                 default:
                     Toast.makeText(getApplicationContext(), "Work in progress", Toast.LENGTH_SHORT).show();
                     return true;
             }
         }
     });

     // Initializing Drawer Layout and ActionBarToggle
     drawerLayout = (DrawerLayout) findViewById(R.id.drawerLayout);
     View header = navigationView.getHeaderView(0);
     TextView tvName = (TextView) header.findViewById(R.id.name);
     TextView tvEmail = (TextView) header.findViewById(R.id.email);
     String name = Preferences.getDataFromStringPreferences(context,Constants.USER_DETAILS, Constants.USER_NAME);

     if (name != null) {
         tvName.setText(name);
     }


     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) {
             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) {
     return super.onCreateOptionsMenu(menu);
 }

 @Override
 public boolean onPrepareOptionsMenu(Menu menu) {
     return super.onPrepareOptionsMenu(menu);
 }

 @Override
 protected void onPostCreate(Bundle savedInstanceState) {
     super.onPostCreate(savedInstanceState);
 }

 @Override
 public boolean onOptionsItemSelected(MenuItem item) {
     int id = item.getItemId();
     return mDrawerToggle.onOptionsItemSelected(item);
 }

}

create drawer_main.xml layout file

create toolbar.xml under layout

create drawer_header.xml layout resource file

How add custom navigation view in Android

1 Answers