Android如何使用工具栏中的按钮切换以使用片段打开/关闭导航抽屉
Posted
技术标签:
【中文标题】Android如何使用工具栏中的按钮切换以使用片段打开/关闭导航抽屉【英文标题】：Android how toggle with the button in toolbar to open/close navigation drawer with Fragments 【发布时间】：2015-07-03 07:42:33 【问题描述】：在阅读了这么多教程和文档并花了一些时间之后，我是 android 开发的新手，最后我设法用工具栏创建了一个导航抽屉。但目前的问题是我只能通过从屏幕左侧滑动来打开抽屉（无法使用工具栏打开/关闭抽屉）我不知道如何在 onCreateView 中访问未在 onCreateView 的 setContentView 中设置的导航抽屉 ID但它是在该类的 onCreate 的 SetContentView 中设置的。我使用片段。我附上了我的整个代码，如果有人用工具栏中的按钮（id burger_btn）说我如何更改我的代码以打开和关闭抽屉，我将不胜感激。谢谢
############### 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));
//这里我不知道如何从连接到onCreate而不是onCreateView的布局中获取导航抽屉ID？
/*
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;
/**
* Fragment used for managing interactions for and presentation of a navigation drawer.
* See the <a href="https://developer.android.com/design/patterns/navigation-drawer.html#Interaction">
* design guidelines</a> for a complete explanation of the behaviors implemented here.
*/
public class NavigationDrawerFragment extends Fragment
/**
* Remember the position of the selected item.
*/
private static final String STATE_SELECTED_POSITION = "selected_navigation_drawer_position";
/**
* Per the design guidelines, you should show the drawer on launch until the user manually
* expands it. This shared preference tracks this.
*/
private static final String PREF_USER_LEARNED_DRAWER = "navigation_drawer_learned";
/**
* A pointer to the current callbacks instance (the Activity).
*/
private NavigationDrawerCallbacks mCallbacks;
/**
* Helper component that ties the action bar to the navigation drawer.
*/
private ActionBarDrawerToggle mDrawerToggle;
private DrawerLayout mDrawerLayout;
// private ListView mDrawerListView;
private View mFragmentContainerView;
private int mCurrentSelectedPosition = 0;
private boolean mFromSavedInstanceState;
private boolean mUserLearnedDrawer;
public NavigationDrawerFragment()
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
// Read in the flag indicating whether or not the user has demonstrated awareness of the
// drawer. See PREF_USER_LEARNED_DRAWER for details.
SharedPreferences sp = PreferenceManager.getDefaultSharedPreferences(getActivity());
mUserLearnedDrawer = sp.getBoolean(PREF_USER_LEARNED_DRAWER, true);
if (savedInstanceState != null)
mCurrentSelectedPosition = savedInstanceState.getInt(STATE_SELECTED_POSITION);
mFromSavedInstanceState = true;
// Select either the default item (0) or the last selected item.
selectItem(mCurrentSelectedPosition);
@Override
public void onActivityCreated(Bundle savedInstanceState)
super.onActivityCreated(savedInstanceState);
// Indicate that this fragment would like to influence the set of actions in the action bar.
setHasOptionsMenu(true);
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState)
View simpleFragmentView = inflater.inflate(R.layout.fragment_navigation_drawer,container,false);
return simpleFragmentView;
public boolean isDrawerOpen()
return mDrawerLayout != null && mDrawerLayout.isDrawerOpen(mFragmentContainerView);
/**
* Users of this fragment must call this method to set up the navigation drawer interactions.
*
* @param fragmentId The android:id of this fragment in its activity's layout.
* @param drawerLayout The DrawerLayout containing this fragment's UI.
*/
public void setUp(int fragmentId, DrawerLayout drawerLayout)
mFragmentContainerView = getActivity().findViewById(fragmentId);
mDrawerLayout = drawerLayout;
// set a custom shadow that overlays the main content when the drawer opens
mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);
// set up the drawer's list view with items and click listener
// ActionBarDrawerToggle ties together the the proper interactions
// between the navigation drawer and the action bar app icon.
mDrawerToggle = new ActionBarDrawerToggle(
getActivity(), /* host Activity */
mDrawerLayout, /* DrawerLayout object */
R.string.navigation_drawer_open, /* "open drawer" description for accessibility */
R.string.navigation_drawer_close /* "close drawer" description for accessibility */
)
@Override
public void onDrawerClosed(View drawerView)
super.onDrawerClosed(drawerView);
if (!isAdded())
return;
getActivity().supportInvalidateOptionsMenu(); // calls onPrepareOptionsMenu()
@Override
public void onDrawerOpened(View drawerView)
super.onDrawerOpened(drawerView);
if (!isAdded())
return;
if (!mUserLearnedDrawer)
// The user manually opened the drawer; store this flag to prevent auto-showing
// the navigation drawer automatically in the future.
mUserLearnedDrawer = true;
SharedPreferences sp = PreferenceManager
.getDefaultSharedPreferences(getActivity());
sp.edit().putBoolean(PREF_USER_LEARNED_DRAWER, true).apply();
getActivity().supportInvalidateOptionsMenu(); // calls onPrepareOptionsMenu()
;
// If the user hasn't 'learned' about the drawer, open it to introduce them to the drawer,
// per the navigation drawer design guidelines.
if (!mUserLearnedDrawer && !mFromSavedInstanceState)
mDrawerLayout.openDrawer(mFragmentContainerView);
// Defer code dependent on restoration of previous instance state.
mDrawerLayout.post(new Runnable()
@Override
public void run()
mDrawerToggle.syncState();
);
mDrawerLayout.setDrawerListener(mDrawerToggle);
private void selectItem(int position)
mCurrentSelectedPosition = position;
if (mDrawerLayout != null)
mDrawerLayout.closeDrawer(mFragmentContainerView);
if (mCallbacks != null)
mCallbacks.onNavigationDrawerItemSelected(position);
@Override
public void onAttach(Activity activity)
super.onAttach(activity);
try
mCallbacks = (NavigationDrawerCallbacks) activity;
catch (ClassCastException e)
throw new ClassCastException("Activity must implement NavigationDrawerCallbacks.");
@Override
public void onDetach()
super.onDetach();
mCallbacks = null;
@Override
public void onSaveInstanceState(Bundle outState)
super.onSaveInstanceState(outState);
outState.putInt(STATE_SELECTED_POSITION, mCurrentSelectedPosition);
@Override
public void onConfigurationChanged(Configuration newConfig)
super.onConfigurationChanged(newConfig);
// Forward the new configuration the drawer toggle component.
mDrawerToggle.onConfigurationChanged(newConfig);
@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater)
// If the drawer is open, show the global app actions in the action bar. See also
// showGlobalContextActionBar, which controls the top-left area of the action bar.
if (mDrawerLayout != null && isDrawerOpen())
super.onCreateOptionsMenu(menu, inflater);
@Override
public boolean onOptionsItemSelected(MenuItem item)
if (mDrawerToggle.onOptionsItemSelected(item))
return true;
return super.onOptionsItemSelected(item);
private ActionBar getActionBar()
return ((ActionBarActivity) getActivity()).getSupportActionBar();
/**
* Callbacks interface that all activities using this fragment must implement.
*/
public static interface NavigationDrawerCallbacks
/**
* Called when an item in the navigation drawer is selected.
*/
void onNavigationDrawerItemSelected(int position);
<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_ android:layout_
tools:context=".DashboardActivity">
<FrameLayout android:id="@+id/container" android:layout_
android:layout_
/>
<fragment android:id="@+id/navigation_drawer"
android:layout_ android:layout_
android:layout_gravity="start"
android:name="com.packageName.NavigationDrawerFragment"
tools:layout="@layout/fragment_navigation_drawer" />
</android.support.v4.widget.DrawerLayout>
<RelativeLayout
android:layout_
android:layout_
xmlns:android="http://schemas.android.com/apk/res/android"
android:background="@color/light_green">
<TextView
android:layout_
android:layout_
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>
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:background="@color/dark_blue">
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:minHeight="?attr/actionBarSize"
android:
android:background="@color/light_green"
android:layout_
android:layout_>
</android.support.v7.widget.Toolbar>
<TextView
android:layout_
android:layout_
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_
android:layout_
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_
android:layout_
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">
...
...
P.S：我的意图是使用 burger_btn 的 id（dashboard_activity 的布局）打开和关闭导航抽屉。如果有人可以帮助我需要对代码进行哪些更改，我将不胜感激。
【问题讨论】：
【参考方案1】：如果您想从工具栏打开/关闭导航抽屉，请尝试将 navigation_drawer 的布局更改为：
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
>
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:minHeight="?attr/actionBarSize"
android:
android:background="@color/light_green"
android:layout_
android:layout_>
</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_ android:layout_
tools:context=".DashboardActivity">
<FrameLayout android:id="@+id/container"
android:layout_
android:layout_
/>
<fragment android:id="@+id/navigation_drawer"
android:layout_ android:layout_
android:layout_gravity="start"
android:name="com.packageName.NavigationDrawerFragment"
tools:layout="@layout/fragment_navigation_drawer" />
</android.support.v4.widget.DrawerLayout>
</LinearLayout>
因此，将工具栏相关代码从 Fragment 移动到 Activity
【讨论】：
以上是关于Android如何使用工具栏中的按钮切换以使用片段打开/关闭导航抽屉的主要内容，如果未能解决你的问题，请参考以下文章