Android how toggle with the button in toolbar to open/close navigation drawer with Fragments

Question

I am new in Android Development after reading so many tutorials and documentation and spending some time finally i managed to create a navigation drawer with the toolbar. but currently the problem is i can only open drawer by swiping from left side of the screen (not capable open/close drawer with toolbar) i don't know how in onCreateView i can access to navigation drawer id which is not set in onCreateView's setContentView but it is set in onCreate's SetContentView of that class. I use Fragments. i attach my entire code , would appreciate if somebody would say with the button in toolbar ( id burger_btn) how can i change my code to open and close the drawer. Thanks

############### DashboardActivity.java

public class DashboardActivity extends ActionBarActivity implements MessageReceived,NavigationDrawerFragment.NavigationDrawerCallbacks {

    /**
     * Fragment managing the behaviors, interactions and presentation of the navigation drawer.
     */
    private NavigationDrawerFragment mNavigationDrawerFragment;

    /**
     * Used to store the last screen title. For use in
     */
    private CharSequence mTitle;

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

        mNavigationDrawerFragment = (NavigationDrawerFragment)
                getSupportFragmentManager().findFragmentById(R.id.navigation_drawer);
        mTitle = getTitle();

        // Set up the drawer.
        mNavigationDrawerFragment.setUp(
                R.id.navigation_drawer,
                (DrawerLayout) findViewById(R.id.drawer_layout));

    }

    @Override
    public void onNavigationDrawerItemSelected(int position) {
        // update the main content by replacing fragments
        FragmentManager fragmentManager = getSupportFragmentManager();
        fragmentManager.beginTransaction()
                .replace(R.id.container, PlaceholderFragment.newInstance(position + 1))
                .commit();
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        if (!mNavigationDrawerFragment.isDrawerOpen()) {
            // Only show items in the action bar relevant to this screen
            // if the drawer is not showing. Otherwise, let the drawer
            // decide what to show in the action bar.
            return true;
        }
        return super.onCreateOptionsMenu(menu);
    }

    @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();

        return super.onOptionsItemSelected(item);
    }

    /**
     * A placeholder fragment containing a simple view.
     */
    public static class PlaceholderFragment extends Fragment {
        /**
         * The fragment argument representing the section number for this
         * fragment.
         */
        private static final String ARG_SECTION_NUMBER = "section_number";

        /**
         * Returns a new instance of this fragment for the given section
         * number.
         */
        public static PlaceholderFragment newInstance(int sectionNumber) {
            PlaceholderFragment fragment = new PlaceholderFragment();
            Bundle args = new Bundle();
            args.putInt(ARG_SECTION_NUMBER, sectionNumber);
            fragment.setArguments(args);
            return fragment;
        }

        public PlaceholderFragment() {
        }

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                                 Bundle savedInstanceState) {
            final View rootView = inflater.inflate(R.layout.dashboard_activity, container, false);

            lbl_notifications_amount = (TextView) rootView.findViewById(R.id.lbl_notifications_amount);

            // Set a toolbar to replace the action bar.
            Toolbar toolbar = (Toolbar) rootView.findViewById(R.id.toolbar);
            ((ActionBarActivity) getActivity()).setSupportActionBar(toolbar);
            ((ActionBarActivity) getActivity()).getSupportActionBar().setDisplayShowTitleEnabled(false);
            toolbar.setTitleTextColor(getResources().getColor(android.R.color.white));

// here i don't know how to get the navigation drawer id from layout which is connected to onCreate not onCreateView?

/*  
       DrawerLayout mDrawerLayout = (DrawerLayout) rootView.findViewById(R.id.drawer_layout);

            ActionBarDrawerToggle mDrawerToggle = new ActionBarDrawerToggle(
                    getActivity(),  mDrawerLayout, toolbar,
                    R.string.navigation_drawer_open, R.string.navigation_drawer_close
            );
            mDrawerLayout.setDrawerListener(mDrawerToggle);
            ((ActionBarActivity) getActivity()).getSupportActionBar().setDisplayHomeAsUpEnabled(true);
            ((ActionBarActivity) getActivity()). getSupportActionBar().setHomeButtonEnabled(true);
            mDrawerToggle.syncState();
*/


            return rootView;
        }
    }
}

########################## NavigationDrawerFragment.java

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:background="@color/light_green">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:text="@string/dashboard"
        android:textColor="@color/white"
        android:textStyle="bold"
        android:id="@+id/dashboardTextView"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="95dp" />
</RelativeLayout>

#################### navigation_drawer.xml

 <android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".DashboardActivity"> <FrameLayout android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" /> <fragment android:id="@+id/navigation_drawer" android:layout_width="240dp" android:layout_height="match_parent" android:layout_gravity="start" android:name="com.packageName.NavigationDrawerFragment" tools:layout="@layout/fragment_navigation_drawer" /> </android.support.v4.widget.DrawerLayout> 

#################### fragment_navigation_drawer.xml

 <RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:background="@color/light_green"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceMedium" android:text="@string/dashboard" android:textColor="@color/white" android:textStyle="bold" android:id="@+id/dashboardTextView" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:layout_marginTop="95dp" /> </RelativeLayout> 

################ dashboard_activity.xml

 <?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="match_parent" android:background="@color/dark_blue"> <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:minHeight="?attr/actionBarSize" android:height="@dimen/activity_header_height" android:background="@color/light_green" android:layout_width="match_parent" android:layout_height="wrap_content"> </android.support.v7.widget.Toolbar> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="?android:attr/textAppearanceSmall" android:text="@string/dashboard" android:paddingTop="15dp" android:textSize="20sp" android:id="@+id/titleToolbar" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:textColor="@color/white" android:layout_alignBottom="@+id/toolbar" /> <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginTop="15dp" android:id="@+id/burger_btn" android:src="@drawable/burger_btn" android:background="@color/light_green" android:layout_marginRight="5dp" /> <RelativeLayout android:id="@+id/badges_area" android:layout_width="match_parent" android:layout_height="@dimen/dashboard_badges_height" android:layout_above="@+id/btn_notifications" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" android:layout_marginLeft="@dimen/dashboard_horizontal_margin" android:background="@drawable/badge_dashboard_area"> ... ... 

PS:my intent is with id of burger_btn (the layout of dashboard_activity) open and close the navigation drawer. would appreciate if somebody could help me what changes in code i need to do so.

Answer 1

If you want to open/close Navigation Drawer from Toolbar, then try to change your layout of navigation_drawer to be:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
   android:layout_width="match_parent"  
   android:layout_height="match_parent"  
   >


  <android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:minHeight="?attr/actionBarSize"
    android:height="@dimen/activity_header_height"
    android:background="@color/light_green"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

</android.support.v7.widget.Toolbar>


<android.support.v4.widget.DrawerLayout  
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"   
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent" android:layout_height="match_parent"
    tools:context=".DashboardActivity">

    <FrameLayout android:id="@+id/container"  
       android:layout_width="match_parent"
       android:layout_height="match_parent"
      />


    <fragment android:id="@+id/navigation_drawer"
         android:layout_width="240dp" android:layout_height="match_parent"
         android:layout_gravity="start"
         android:name="com.packageName.NavigationDrawerFragment"
         tools:layout="@layout/fragment_navigation_drawer" />

  </android.support.v4.widget.DrawerLayout>

</LinearLayout> 

and accordingly, move toolbar related codes from Fragment to Activity