In this tutorial we’ll implement a Navigation Drawer in our android application. Android navigation drawer is a sliding menu and it’s an important UI component. You will see navigation drawer in most of the android applications, it’s like navigation menu bars in the websites.
Table of Contents
Android Navigation Drawer is a sliding left menu that is used to display the important links in the application. Navigation drawer makes it easy to navigate to and fro between those links. It’s not visible by default and it needs to opened either by sliding from left or clicking its icon in the ActionBar.
In broader terms, Navigation Drawer is an overlay panel, which is a replacement of an activity screen which was specifically dedicated to show all the options and links in the application.
In this android navigation drawer tutorial we’ll implement the navigation drawer using the Drawer Layout API present in Android Support Library. We’ll show 3 fragment views that can be opened from the drawer items.
To implement the Navigation Drawer we first need to add android.support.v4.widget.DrawerLayout as the root of the activity layout as shown below.
activity_main.xml
Copy
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<LinearLayout
android:id="@+id/container_toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<include
android:id="@+id/toolbar"
layout="@layout/toolbar" />
</LinearLayout>
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:background="#FFFFFF"
android:choiceMode="singleChoice"
android:divider="@android:color/darker_gray"
android:dividerHeight="1dp" />
</android.support.v4.widget.DrawerLayout>
The menu options in the navigation drawer are stored in the form of a ListView. Each option opens in the FrameLayout.
We’ve used a ToolBar in place of an ActionBar here. ToolBar has been introduced since Android 5.0 as a generalisation of ActionBar. It gives us more control and flexibility to modify and its easier to interleave with other views in the hierarchy.
The layout ToolBar is defined in the xml layout given below.
toolbar.xml
Copy
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:local="http://schemas.android.com/apk/res-auto"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minHeight="?attr/actionBarSize"
android:background="?attr/colorPrimary"
local:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
local:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
We need to use the Theme Theme.AppCompat.NoActionBar in the styles.xml when using Toolbars.
The layout for the ListView rows in the Navigation Drawer is given below.
list_view_item_row.xml
Copy
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="?android:attr/activatedBackgroundIndicator"
android:minHeight="?android:attr/listPreferredItemHeightSmall"
android:padding="10dp" >
<ImageView
android:id="@+id/imageViewIcon"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:paddingRight="10dp" />
<TextView
android:id="@+id/textViewName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerVertical="true"
android:layout_toRightOf="@+id/imageViewIcon"
android:paddingRight="10dp"
android:text="Item Name"
android:textColor="@android:color/black"
android:textAppearance="?android:attr/textAppearanceListItemSmall"
/>
</RelativeLayout>
The navigation drawer items are put in a string array in the strings.xml file as shown below.
strings.xml
Copy
<string-array name="navigation_drawer_items_array">
<item>Connect</item>
<item>Fixtures</item>
<item>Table</item>
</string-array>
The DataModel.java class is used to define the objects for the drawer list items.
DataModel.java
Copy
package com.journaldev.navigationdrawer;
public class DataModel {
public int icon;
public String name;
// Constructor.
public DataModel(int icon, String name) {
this.icon = icon;
this.name = name;
}
}
The drawer items are stored in the form of a ListView. Hence we need to use an Adapter Class to provide that data to the activity class.
DrawerItemCustomAdapter.java
Copy
package com.journaldev.navigationdrawer;
import android.app.Activity;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ImageView;
import android.widget.TextView;
public class DrawerItemCustomAdapter extends ArrayAdapter<DataModel> {
Context mContext;
int layoutResourceId;
DataModel data[] = null;
public DrawerItemCustomAdapter(Context mContext, int layoutResourceId, DataModel[] data) {
super(mContext, layoutResourceId, data);
this.layoutResourceId = layoutResourceId;
this.mContext = mContext;
this.data = data;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View listItem = convertView;
LayoutInflater inflater = ((Activity) mContext).getLayoutInflater();
listItem = inflater.inflate(layoutResourceId, parent, false);
ImageView imageViewIcon = (ImageView) listItem.findViewById(R.id.imageViewIcon);
TextView textViewName = (TextView) listItem.findViewById(R.id.textViewName);
DataModel folder = data[position];
imageViewIcon.setImageResource(folder.icon);
textViewName.setText(folder.name);
return listItem;
}
}
The MainActivity.java source code is given below.
MainActivity.java
Copy
package com.journaldev.navigationdrawer;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.util.Log;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
public class MainActivity extends AppCompatActivity {
private String[] mNavigationDrawerItemTitles;
private DrawerLayout mDrawerLayout;
private ListView mDrawerList;
Toolbar toolbar;
private CharSequence mDrawerTitle;
private CharSequence mTitle;
android.support.v7.app.ActionBarDrawerToggle mDrawerToggle;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mTitle = mDrawerTitle = getTitle();
mNavigationDrawerItemTitles= getResources().getStringArray(R.array.navigation_drawer_items_array);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerList = (ListView) findViewById(R.id.left_drawer);
setupToolbar();
DataModel[] drawerItem = new DataModel[3];
drawerItem[0] = new DataModel(R.drawable.connect, "Connect");
drawerItem[1] = new DataModel(R.drawable.fixtures, "Fixtures");
drawerItem[2] = new DataModel(R.drawable.table, "Table");
getSupportActionBar().setDisplayHomeAsUpEnabled(false);
getSupportActionBar().setHomeButtonEnabled(true);
DrawerItemCustomAdapter adapter = new DrawerItemCustomAdapter(this, R.layout.list_view_item_row, drawerItem);
mDrawerList.setAdapter(adapter);
mDrawerList.setOnItemClickListener(new DrawerItemClickListener());
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
mDrawerLayout.setDrawerListener(mDrawerToggle);
setupDrawerToggle();
}
private class DrawerItemClickListener implements ListView.OnItemClickListener {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
selectItem(position);
}
}
private void selectItem(int position) {
Fragment fragment = null;
switch (position) {
case 0:
fragment = new ConnectFragment();
break;
case 1:
fragment = new FixturesFragment();
break;
case 2:
fragment = new TableFragment();
break;
default:
break;
}
if (fragment != null) {
FragmentManager fragmentManager = getSupportFragmentManager();
fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();
mDrawerList.setItemChecked(position, true);
mDrawerList.setSelection(position);
setTitle(mNavigationDrawerItemTitles[position]);
mDrawerLayout.closeDrawer(mDrawerList);
} else {
Log.e("MainActivity", "Error in creating fragment");
}
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (mDrawerToggle.onOptionsItemSelected(item)) {
return true;
}
return super.onOptionsItemSelected(item);
}
@Override
public void setTitle(CharSequence title) {
mTitle = title;
getSupportActionBar().setTitle(mTitle);
}
@Override
protected void onPostCreate(Bundle savedInstanceState) {
super.onPostCreate(savedInstanceState);
mDrawerToggle.syncState();
}
void setupToolbar(){
toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayShowHomeEnabled(true);
}
void setupDrawerToggle(){
mDrawerToggle = new android.support.v7.app.ActionBarDrawerToggle(this,mDrawerLayout,toolbar,R.string.app_name, R.string.app_name);
//This is necessary to change the icon of the Drawer Toggle upon state change.
mDrawerToggle.syncState();
}
}
In the above code getSupportActionBar().setDisplayHomeAsUpEnabled(false); is used to hide the default back button.
In this code we’ve used a DrawerItemClickListener Class that loads the respective fragment of the list item clicked using a FragmentManager. Also the the title of the ToolBar is changed to the list item clicked using setTitle(mNavigationDrawerItemTitles[position]);.
The fragment classes and their respective layouts are given below.
ConnectFragment.java
Copy
package com.journaldev.navigationdrawer;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class ConnectFragment extends Fragment {
public ConnectFragment() {
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View rootView = inflater.inflate(R.layout.fragment_connect, container, false);
return rootView;
}
}
The layout of the above fragment is defined below.
fragment_connect.xml
Copy
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="@+id/label"
android:layout_alignParentTop="true"
android:layout_marginTop="100dp"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="center_horizontal"
android:textSize="45dp"
android:text="Connect"
android:textStyle="bold"/>
<TextView
android:layout_below="@id/label"
android:layout_centerInParent="true"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="12dp"
android:layout_marginTop="10dp"
android:gravity="center_horizontal"
android:text="Edit fragment_connect.xml to change the appearance"
android:id="@+id/textView2" />
</RelativeLayout>
The other two items are defined in exactly the same way as above hence we’re skipping it here.
Below is the output produced by our navigation drawer android example application.
This brings an end to android navigation drawer example tutorial. You can download the final Android Navigation Drawer Project from the below link.
Ayush says
April 30, 2019 at 4:42 amhow can i add header in it. if i add header it repeated again and again
Shameem says
February 20, 2019 at 4:41 amhi
I am shameem
Please resolve this error in App
2019-02-20 18:06:13.889 2415-2415/com.example.newnavigation E/AndroidRuntime: FATAL EXCEPTION: main
Process: com.example.newnavigation, PID: 2415
java.lang.RuntimeException: Unable to start activity ComponentInfo{com.example.newnavigation/com.example.newnavigation.MainActivity}: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2747)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2808)
at android.app.ActivityThread.-wrap12(ActivityThread.java)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1541)
at android.os.Handler.dispatchMessage(Handler.java:102)
at android.os.Looper.loop(Looper.java:165)
at android.app.ActivityThread.main(ActivityThread.java:6375)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:912)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:802)
Caused by: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.
at android.support.v7.app.AppCompatDelegateImpl.setSupportActionBar(AppCompatDelegateImpl.java:345)
at android.support.v7.app.AppCompatActivity.setSupportActionBar(AppCompatActivity.java:130)
at com.example.newnavigation.MainActivity.setupToolbar(MainActivity.java:121)
at com.example.newnavigation.MainActivity.onCreate(MainActivity.java:35)
at android.app.Activity.performCreate(Activity.java:6845)
at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1119)
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2700)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2808)
at android.app.ActivityThread.-wrap12(ActivityThread.java)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1541)
at android.os.Handler.dispatchMessage(Handler.java:102)
at android.os.Looper.loop(Looper.java:165)
at android.app.ActivityThread.main(ActivityThread.java:6375)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:912)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:802)
kashish says
April 4, 2019 at 11:25 pmIn your styles.xml file. Add these two items.
false
true
Example:
@color/colorPrimary
@color/colorPrimaryDark
@color/colorAccent
false
true
Alessandro vikram says
September 18, 2018 at 10:03 amHow can I add a home button in addition to those connect,fragment…. nd onclick it should direct me to the home page!! -Thanks
aniket says
July 15, 2018 at 3:30 amcan you post tablefragment and fixturesfragment java file
Shara says
January 24, 2018 at 9:48 pm01/25 11:19:08: Launching app
$ adb shell am start -n “com.example..navigation/com.example..navigation.MainActivity” -a android.intent.action.MAIN -c android.intent.category.LAUNCHER
Connected to process 5828 on device emulator-5554
Application terminated.
I’m having this error program is not running properly–it is showing Unfortunately stopped
Mridul Agarwal says
September 24, 2017 at 8:45 amHow do i set the first fragment to open when i start the app instead of the blank fragment
CHERRY YAP says
December 20, 2018 at 6:15 amyou may add another tag between and
waqar says
August 16, 2017 at 1:01 ami need to start navigation below the appbar,what change i need to do in your project
John says
July 31, 2017 at 1:28 amHey if I need the Buttons black and the toolbar white what I nedd to change?
Badru says
June 23, 2017 at 9:57 pmCaused by: java.lang.NullPointerException: Attempt to invoke virtual method ‘void android.support.v7.app.ActionBar.setDisplayHomeAsUpEnabled(boolean)’ on a null object reference
Badru says
June 23, 2017 at 10:59 pmFixed…
Nidhi says
February 21, 2018 at 10:05 pmI am getting the same error. How to solve this?
yolo says
June 23, 2017 at 5:42 am06-23 17:15:20.965 7234-8041/? V/NativeCrypto: Read error: ssl=0x7f5b4afec0: I/O error during system call, Software caused connection abort
06-23 17:15:20.975 7234-7412/? V/NativeCrypto: Read error: ssl=0x7f68287a80: I/O error during system call, Software caused connection abort
06-23 17:15:20.982 4161-5467/? V/NativeCrypto: Read error: ssl=0x7f7f833700: I/O error during system call, Software caused connection abort
06-23 17:15:20.997 7038-7318/? V/NativeCrypto: Read error: ssl=0x7f7f84e4c0: I/O error during system call, Software caused connection abort
06-23 17:19:21.623 4473-5657/? V/NativeCrypto: SSL shutdown failed: ssl=0x7f5a039700: I/O error during system call, Software caused connection abort
06-23 17:19:29.053 4473-5657/? V/NativeCrypto: SSL shutdown failed: ssl=0x7f4d7c6500: I/O error during system call, Software caused connection abort
06-23 17:20:04.820 4473-5657/? V/NativeCrypto: SSL shutdown failed: ssl=0x7f7f8ecc40: I/O error during system call, Software caused connection abort
06-23 17:20:18.837 4473-5657/? V/NativeCrypto: SSL shutdown failed: ssl=0x7f7f8ea6c0: I/O error during system call, Software caused connection abort
06-23 17:21:38.241 2872-2892/? I/OHPD: [BgDetect][PD] found PD is caused by skipped uid 10212 usg 90
06-23 17:22:09.654 4161-5210/? W/GeofencerStateMachine: Ignoring removeGeofence because network location is disabled.
06-23 17:26:38.255 2872-2892/? I/OHPD: [BgDetect][PD] found PD is caused by skipped uid 10212 usg 95
06-23 17:30:15.835 4161-5210/? W/GeofencerStateMachine: Ignoring removeGeofence because network location is disabled.
06-23 17:30:19.858 4161-5210/? W/GeofencerStateMachine: Ignoring removeGeofence because network location is disabled.
06-23 17:31:38.310 2872-2892/? I/OHPD: [BgDetect][PD] found PD is caused by skipped uid 10212 usg 98
06-23 17:36:38.614 2872-2892/? I/OHPD: [BgDetect][PD] found PD is caused by skipped uid 10212 usg 97
06-23 17:41:38.652 2872-2892/? I/OHPD: [BgDetect][PD] found PD is caused by skipped uid 10212 usg 102
06-23 17:46:38.722 2872-2892/? I/OHPD: [BgDetect][PD] found PD is caused by skipped uid 10212 usg 97
06-23 17:51:39.129 2872-2892/? I/OHPD: [BgDetect][PD] found PD is caused by skipped uid 10212 usg 102
06-23 17:56:39.193 2872-2892/? I/OHPD: [BgDetect][PD] found PD is caused by skipped uid 10212 usg 104
06-23 18:01:12.779 2872-3392/? I/InputDispatcher: Dropped event because of pending overdue app switch.
06-23 18:07:15.128 4161-5210/? W/GeofencerStateMachine: Ignoring removeGeofence because network location is disabled.
06-23 18:09:08.275 4228-4228/? D/RegisteredAidCache: Not updating routing table because NFC is off.
06-23 18:09:08.279 4228-4228/? D/RegisteredNfcid2Cache: Not updating routing table because NFC is off.
06-23 18:09:08.693 11922-11922/? I/MAMComponents: Not initializing MAM classes because the MDM package is not installed.
06-23 18:09:08.694 11922-11922/? I/MAMComponents: Not initializing MAM classes because the MDM package is not installed.
06-23 18:09:09.593 11971-11971/? E/AndroidRuntime: FATAL EXCEPTION: main
Process: com.bhaveyashda.nvdrawer, PID: 11971
java.lang.RuntimeException: Unable to start activity ComponentInfo{com.bhaveyashda.nvdrawer/com.bhaveyashda.nvdrawer.MainActivity}: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2728)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2814)
at android.app.ActivityThread.-wrap12(ActivityThread.java)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1527)
at android.os.Handler.dispatchMessage(Handler.java:102)
at android.os.Looper.loop(Looper.java:154)
at android.app.ActivityThread.main(ActivityThread.java:6290)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
Caused by: java.lang.IllegalStateException: This Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.
at android.support.v7.app.AppCompatDelegateImplV9.setSupportActionBar(AppCompatDelegateImplV9.java:204)
at android.support.v7.app.AppCompatActivity.setSupportActionBar(AppCompatActivity.java:129)
at com.bhaveyashda.nvdrawer.MainActivity.setupToolbar(MainActivity.java:119)
at com.bhaveyashda.nvdrawer.MainActivity.onCreate(MainActivity.java:34)
at android.app.Activity.performCreate(Activity.java:6760)
at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1134)
at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:2681)
at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:2814)
at android.app.ActivityThread.-wrap12(ActivityThread.java)
at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1527)
at android.os.Handler.dispatchMessage(Handler.java:102)
at android.os.Looper.loop(Looper.java:154)
at android.app.ActivityThread.main(ActivityThread.java:6290)
at java.lang.reflect.Method.invoke(Native Method)
at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:886)
at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:776)
The above is my android monitor log, My app is not running it is getting crashed, please help
yolo says
June 23, 2017 at 5:28 amdrawerItem[0] = new DataModel(R.drawable.connect, “Connect”);
drawerItem[1] = new DataModel(R.drawable.fixtures, “Fixtures”);
drawerItem[2] = new DataModel(R.drawable.table, “Table”);
The above three line are giving me error what do I have to put in the drawable folder to correct this ??, I have not downloaded your project instead copied the code to android studio
Aqsa says
July 18, 2017 at 5:37 amdownload any three icons and name them
Connect,Fixtures,Table
respectively
ahmed says
June 2, 2017 at 1:49 pmhello sir,
its showing me error:
switch (position) {
case 0:
fragment = new Fragment();
break;
case 1:
fragment = new FixturesFragment();
break;
case 2:
fragment = new TableFragment();
break;
default:
break;
}
Error: cannot resolve symbol TableFragment()
Deedar Ali says
June 29, 2017 at 12:19 amhave you created TableFragment class in your project check it?
Nayan says
May 11, 2017 at 11:28 amR.drawable.connect Its showing an error… Where to set it in drawable xml files
plz explain
Gaga says
May 5, 2017 at 8:24 pmCan you share an example how to communicate with more fragments in this case ????
For example, after the user connects the another fragment UI appears or something like that, please?? I am new and I am learning lot, but your tutorial is the perfect one I have so far found 😉
Gaga says
May 5, 2017 at 7:17 pmpublic class TableFragment extends ListFragment implements AdapterView.OnItemClickListener {
ListView contacts;
public TableFragment() {
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = inflater.inflate(R.layout.fragment_contacts, container, false);
contacts = (ListView)view.findViewById(R.id.listViewAllContacts);
return view;
}
@Override
public void onActivityCreated (Bundle savedInstanceState){
super.onActivityCreated(savedInstanceState);
ArrayAdapter adapter = ArrayAdapter.createFromResource(getActivity(),
R.array.Planets, android.R.layout.simple_list_item_1);
setListAdapter(adapter);
getListView().setOnItemClickListener(this);
}
@Override
public void onItemClick(AdapterView adapterView, View view, int i, long l) {
Toast.makeText(getActivity(), “Item: ” + i, Toast.LENGTH_SHORT).show();
}
}
How can I change the code in MainActivity.java so that I can replace the fragmentMenager with the ListFragment instead of just Fragment? IS that possible? Because I need that implementation, please. Thanks in advance
Gaga says
May 5, 2017 at 8:21 pmI just figured it out 😉 .
in the MainActivity.java I have modified this method:
private void selectItem(int position) {
Fragment fragment = null;
ListFragment listFragment = null;
switch (position) {
case 0:
fragment = new ConnectFragment();
break;
case 1:
fragment = new FixturesFragment();
break;
case 2:
listFragment = new TableFragment();
break;
default:
break;
}
if (fragment != null) {
FragmentManager fragmentManager = getSupportFragmentManager();
fragmentManager.beginTransaction().replace(R.id.content_frame, fragment).commit();
mDrawerList.setItemChecked(position, true);
mDrawerList.setSelection(position);
setTitle(mNavigationDrawerItemTitles[position]);
mDrawerLayout.closeDrawer(mDrawerList);
} else if(listFragment != null){
FragmentManager fragmentManager = getSupportFragmentManager();
fragmentManager.beginTransaction().replace(R.id.content_frame, listFragment).commit();
mDrawerList.setItemChecked(position, true);
mDrawerList.setSelection(position);
setTitle(mNavigationDrawerItemTitles[position]);
mDrawerLayout.closeDrawer(mDrawerList);
}
else {
Log.e(“MainActivity”, “Error in creating fragment”);
}
}
and also in the xml file for the table fragment_table.xml I have replaced inside the RelativeLayot as the following:
joel Hernandez says
May 5, 2017 at 4:02 pmHello, good afternoon
I have a doubt
I have the previous menu, but I want to add a google map to all the menu options with their respective current location, how can I do it?
asad says
March 18, 2017 at 5:13 amThis Activity already has an action bar supplied by the window decor. Do not request Window.FEATURE_SUPPORT_ACTION_BAR and set windowActionBar to false in your theme to use a Toolbar instead.
i am getting this error and app kept on crashing
Anupam Chugh says
March 20, 2017 at 3:20 amHi,
Set this in your styles.xml :
false
Thanks
Heena says
June 27, 2017 at 2:33 amGo in manifest and add android:theme=”@style/Theme.AppCompat.Light.NoActionBar” in the activity which contain navigation drawer
Thomas says
March 18, 2017 at 1:01 amPlease help me on how to add header image and text to the list navigation drawer.(Above the list items)
Naddi says
February 21, 2017 at 5:26 amGreat Tutorial.. Everything seems to be working fine… but i cant get the fragments to show when clicked on the drawer.. please help… Either than that, your tutorial is great..
moein says
February 19, 2017 at 11:04 pmhi thank you for your tutorials.
Radhika says
February 16, 2017 at 1:16 amVery nice tutorial. Thanks.
But i m having error with ActionbarDrawerToggle, getSupportFragmentManager and getSupportActionBar in MainActivity.java.
Please suggest me the solution for this.
rakesh says
February 19, 2019 at 6:56 pmhttps://stackoverflow.com/questions/17893161/getsupportactionbar-the-method-getsupportactionbar-is-undefined-for-the-type
vineetha says
February 5, 2017 at 12:15 amhi i would like to know where to put the drawer icon in code? i mean .. i have not seen any way to put hamburger Icon in the word and so i am unable to show it with my drawer pls help me
Omar says
January 22, 2017 at 6:42 pmHi!
The code you published is not working. In MainActivity.java, in the line mDrawerList.setOnClickLixtener()… I get a red line under the parameter. You should write mDrawerList.setOnItemClickListener() instead,
Priyanka says
January 8, 2017 at 6:16 amPls help me in mainactivity.java file i the word arry; connect;table ….are in read color as error what to do now ????
md zaid says
January 3, 2017 at 7:33 ami did not add any code in gradle.i am getting error in manifest file also
md zaid says
January 3, 2017 at 7:19 amhi, i am getting these problem in the code.
switch (position) {
case 0:
fragment = new ConnectFragment();
break;
case 1:
fragment = new FixturesFragment();
break;
case 2:
fragment = new TableFragment();
break;
default:
break; please help!!
Anupam Chugh says
January 3, 2017 at 9:03 amHi md zaid,
Can you do a clean build and then see if it works?
Also, can you ensure that your emulator is using Android SDK 15 or above?
Last resort, if the app is crashing, you can post the logs from Android Studio here.
Thanks
dilip says
January 18, 2017 at 2:01 amConnectFragment,FixturesFragment,TableFragment these are class names.
first you have to create classs with extend fragments
Rakesh says
December 15, 2016 at 3:19 amI need to display menu below the manu bar
Rakesh says
December 15, 2016 at 3:19 ambelow the title bar
Jay AK says
November 22, 2016 at 3:14 amThank you so much dude. I’ve been searching for days for an example like this for a project in a course i’m taking, where i need a navigation drawer and an action bar. you just saved a fellow programmer
Thank you
Anupam Chugh says
May 12, 2018 at 6:23 amAppreciate that 🙂
Nunu says
November 7, 2016 at 12:49 amHow to change theme?
Anupam Chugh says
November 8, 2016 at 2:03 amHi Nunu,
You can change the app theme in the file styles.xml
Thanks
Youmoo says
October 25, 2016 at 1:16 amLike the way you explain things 🙂
I think the last 2 lines in MainActivity#onCreate should be swapped :
“`
mDrawerLayout.setDrawerListener(mDrawerToggle); // because mDrawerToggle is null here
setupDrawerToggle();
“`
Thank you
Anupam Chugh says
January 3, 2017 at 9:06 amHi Youmoo,
Thanks for pointing that out.
HCK says
August 29, 2016 at 12:54 amMay i know which folder you put the hamburger icon inside?
because i want to change the icon, but i dunno the path
thank you
Anupam Chugh says
August 29, 2016 at 5:09 amres->drawable->ic_drawer
Thanks
Mudra says
August 19, 2016 at 5:00 amplz help me , how to change the color of hamburger Icon
Anupam Chugh says
August 25, 2016 at 2:49 amHi Mudra,
I didn’t get you. Can you be a little more specific?
Thanks
sachin purohit says
August 12, 2016 at 10:55 pmi follow the code…but my app is not opening…it’s opening and then crash..help me
Anupam Chugh says
August 25, 2016 at 3:06 amHi sachin purohit,
Can you send me the crash log thats printed in the log console of Android Studio?
Thanks
Junaedi says
August 8, 2016 at 12:56 amI follow this tutorial and awesome!
But I’m searching for right navigation drawer, is there any good tutorial that can be applied for me?
Thanks
Anupam Chugh says
August 25, 2016 at 2:44 amI’ll write a tutorial on the same. Soon!
Thommas says
January 18, 2017 at 1:03 amI don’t know if it was posted but here you go..
Put this code snippet in you onCreate before the setContentView();
getWindow().getDecorView().setLayoutDirection(View.LAYOUT_DIRECTION_RTL);
and set the ListViews layout_gravity to right in you xml.
THis is how I managed to do it 🙂
karthikeyan says
August 4, 2016 at 6:32 amvery nice tutorial thank you
but i need extra profile image and name also how to do this
Anupam Chugh says
August 25, 2016 at 3:04 amHi Karthikeyan,
The latest android support library provides us with widget. You can use the sample code from the Navigation Drawer Activity when you create a new project.
Other workarounds:
You can use this library https://github.com/mikepenz/MaterialDrawer by importing the gradle dependency as
compile(‘com.mikepenz:materialdrawer:5.5.0@aar’) {
transitive = true
}
Or instead of using a listview inside the drawer we can use a ReyclerView with Multiple View Types. Randomly use a view type as the header that displays the profile image, details. I’ll be discussing this approach in a separate tutorial soon.
Thanks
NItesh says
May 11, 2016 at 8:13 amhttps://youtu.be/kR_L5sRr67c
help me with these