将 Android Navigation Drawer 放在顶部 ActionBar 上失败

Posted

技术标签:

【中文标题】将 Android Navigation Drawer 放在顶部 ActionBar 上失败【英文标题】:Put Android Navigation Drawer on top ActionBar fails 【发布时间】:2016-05-31 19:40:44 【问题描述】:

我正在尝试将导航抽屉放在操作栏的顶部。我在互联网上尝试了很多例子。甚至尝试制作一个新项目并插入代码。但是,每次我尝试都会以多种不同的方式失败。

所以,最后我清除了代码中的所有试用,并将干净的代码粘贴到此处。所以,请有人帮我在我的代码中做到这一点。

这是我的代码。

这里是activity_main.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_ android:layout_
    tools:context=".MainActivity">

  <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.myayubo.NavigationDrawerFragment"
        tools:layout="@layout/fragment_navigation_drawer" />

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

这里是fragment_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_
    android:layout_ android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    tools:context=".MainActivity$PlaceholderFragment">

    <TextView android:id="@+id/section_label" android:layout_
        android:layout_ />

</RelativeLayout>

这里是NavigationDrawerFragment.xml

<ListView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    android:choiceMode="singleChoice"
    android:divider="@android:color/transparent"
    android:dividerHeight="0dp"
    android:background="#FFA500" tools:context=".NavigationDrawerFragment" />

这里是MainActivity.java

package com.myayubo;

import android.app.Activity;
import android.content.Intent;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;


public class MainActivity extends ActionBarActivity
        implements NavigationDrawerFragment.NavigationDrawerCallbacks 

    private ActionBarDrawerToggle mDrawerToggle;

    // nav drawer title
    private CharSequence mDrawerTitle;
    private DrawerLayout mDrawerLayout;

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

    /**
     * Used to store the last screen title. For use in @link #restoreActionBar().
     */
    private CharSequence mTitle;

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

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

        getSupportActionBar().setBackgroundDrawable(new ColorDrawable(Color.parseColor("#FFA500"))); // change the color of header

        mTitle = mDrawerTitle = getTitle();
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

        // enabling action bar app icon and behaving it as toggle button
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setHomeButtonEnabled(true);
        getSupportActionBar().setHomeAsUpIndicator(R.drawable.ic_menu);

        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,R.drawable.ic_menu, R.string.app_name,R.string.app_name)
        
            public void onDrawerClosed(View view) 
                getSupportActionBar().setTitle(mTitle);
                // calling onPrepareOptionsMenu() to show action bar icons
                invalidateOptionsMenu();
            
            public void onDrawerOpened(View drawerView) 
                getSupportActionBar().setTitle(mDrawerTitle);
                // calling onPrepareOptionsMenu() to hide action bar icons
                invalidateOptionsMenu();          
        ;

        mDrawerLayout.setDrawerListener(mDrawerToggle);
    

    public void doThis(MenuItem item)
       // Toast.makeText(this, "Hello World", Toast.LENGTH_LONG).show();
        Intent intent = new Intent(getApplicationContext(), DealsList.class);
        finish();
        startActivity(intent);
    

    public void gotoLocation(MenuItem item)
        // Toast.makeText(this, "Hello World", Toast.LENGTH_LONG).show();
        Intent intent = new Intent(getApplicationContext(), AddLocation.class);
        finish();
        startActivity(intent);
    

    public void userProfile(MenuItem item)
        // Toast.makeText(this, "Hello World", Toast.LENGTH_LONG).show();
        Intent intent = new Intent(getApplicationContext(), UserProfile.class);
        finish();
        startActivity(intent);
    

    @Override
    public void onNavigationDrawerItemSelected(int position) 

        android.support.v4.app.Fragment fragmentObj = null;
        switch (position)
        
            case 0:
                fragmentObj = new GoogleMapsFragment();
                break;
        


        if (fragmentObj != null)  //

            // update the main content by replacing fragments
            FragmentManager fragmentManager = getSupportFragmentManager();
            fragmentManager.beginTransaction()
                    .replace(R.id.container, fragmentObj)
                    .commit();

        

        else 
            // error in creating fragment
            Log.e("Extract", "Error in creating fragment");
        
    

    public void onSectionAttached(int number) 

        String[] stringArray = getResources().getStringArray(R.array.section_titles);
        if (number >= 1) 
            mTitle = stringArray[number - 1];
        

    

    public void restoreActionBar() 
        ActionBar actionBar = getSupportActionBar();
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
        actionBar.setDisplayShowTitleEnabled(true);
        actionBar.setTitle(mTitle);
    


    @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.
            getMenuInflater().inflate(R.menu.main, menu);
            restoreActionBar();
            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();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) 
            return true;
        

        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) 
            View rootView = inflater.inflate(R.layout.fragment_main, container, false);
            return rootView;
        

        @Override
        public void onAttach(Activity activity) 
            super.onAttach(activity);
            ((MainActivity) activity).onSectionAttached(
                    getArguments().getInt(ARG_SECTION_NUMBER));
        
    


这里是NavigationDrawerFragment.java

package com.myayubo;

import android.app.Activity;
import android.content.SharedPreferences;
import android.content.res.Configuration;
import android.content.res.TypedArray;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.preference.PreferenceManager;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.app.Fragment;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarActivity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuInflater;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

/**
 * 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, false);

        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) 
        mDrawerListView = (ListView) inflater.inflate(
                R.layout.fragment_navigation_drawer, container, false);
        mDrawerListView.setOnItemClickListener(new AdapterView.OnItemClickListener() 
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) 
                selectItem(position);
            
        );

        final TypedArray typedArray = getResources().obtainTypedArray(R.array.sections_icons);
        mDrawerListView.setAdapter(new ArrayAdapter<String>(
                getActionBar().getThemedContext(),
                android.R.layout.simple_list_item_activated_1,
                android.R.id.text1,
                getResources().getStringArray(R.array.sections)
        ) 
            @Override
            public View getView(int position, View convertView, ViewGroup parent) 
                View v = super.getView(position, convertView, parent);
                int resourceId = typedArray.getResourceId(position, 0);
                Drawable drawable = getResources().getDrawable(resourceId);
                ((TextView) v).setCompoundDrawablesWithIntrinsicBounds(drawable, null, null, null);
                return v;
            
        );

        mDrawerListView.setItemChecked(mCurrentSelectedPosition, true);
        return mDrawerListView;
    

    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

        ActionBar actionBar = getActionBar();
        actionBar.setDisplayHomeAsUpEnabled(true);
        actionBar.setHomeButtonEnabled(true);

        // 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.drawable.ic_drawer,             /* nav drawer image to replace 'Up' caret */
                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 (mDrawerListView != null) 
            mDrawerListView.setItemChecked(position, true);
        
        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()) 
            inflater.inflate(R.menu.global, menu);
            showGlobalContextActionBar();
        
        super.onCreateOptionsMenu(menu, inflater);
    

    @Override
    public boolean onOptionsItemSelected(MenuItem item) 
        if (mDrawerToggle.onOptionsItemSelected(item)) 
            return true;
        

        if (item.getItemId() == R.id.action_example) 
            Toast.makeText(getActivity(), "Example action.", Toast.LENGTH_SHORT).show();
            return true;
        

        return super.onOptionsItemSelected(item);
    

    /**
     * Per the navigation drawer design guidelines, updates the action bar to show the global app
     * 'context', rather than just what's in the current screen.
     */
    private void showGlobalContextActionBar() 
        ActionBar actionBar = getActionBar();
        actionBar.setDisplayShowTitleEnabled(true);
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
        actionBar.setTitle(R.string.app_name);
    

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

当我搜索时,我发现以下两个问题很有趣。

Question 1

Question 2

但是,我仍然找不到答案。请有人帮助我。提前致谢。 :)

【问题讨论】:

【参考方案1】:

简单的取布局为:

<android.support.v4.widget.DrawerLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_
    android:elevation="4dp"
    android:layout_
    >


    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical"

        >
        <include
            android:id="@+id/tool_bar"
            layout="@layout/toolbar"
            android:layout_
            android:layout_
            />


        <FrameLayout
            android:id="@+id/content_frame"
            android:layout_
            android:layout_
            android:background="@drawable/bg_new">


<put your layout here................>

        </FrameLayout>



    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation"
        android:layout_
        android:layout_
        android:layout_gravity="start"
        android:fitsSystemWindows="true"
        android:background="@drawable/bg_all"

        app:itemIconTint="@android:color/white"
        app:itemTextColor="@android:color/white"
        app:theme="@style/list_item_appearance"
        app:menu="@menu/drawer_menu" >


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

编辑

工具栏.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    android:layout_
    android:layout_
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:background="@color/grey"

    app:theme="@style/ToolbarSearchView"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="horizontal"
        android:gravity="center_vertical"
        >


        <TextView
    android:layout_
    android:layout_
    android:text="Login"
    android:textSize="18sp"
    android:gravity="center|center_vertical"
            android:layout_weight="1"
    android:textColor="@android:color/white"
    android:textStyle="bold"
   android:visibility="visible"
    android:id="@+id/toolbar_title" />


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

编辑

drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        navigationView=(NavigationView)findViewById(R.id.navigation);
        if (drawerLayout != null) 
            drawerLayout.setDrawerShadow(R.drawable.list_back, GravityCompat.START);

            mDrawerToggle = new ActionBarDrawerToggle(HomeActivity.this, drawerLayout,
                    toolbar, R.string.drawer_open, R.string.drawer_close) 
                public void onDrawerClosed(View view) 
                    super.onDrawerClosed(view);
                    invalidateOptionsMenu();
                

                public void onDrawerOpened(View drawerView) 
                    getSupportActionBar().setTitle(mDrawerTitle);
                    InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
                    imm.hideSoftInputFromWindow(getCurrentFocus().getWindowToken(), 0);
                    super.onDrawerOpened(drawerView);

                    invalidateOptionsMenu();

                
            ;
            drawerLayout.setDrawerListener(mDrawerToggle);

        
 @Override

    protected void onPostCreate(Bundle savedInstanceState) 

        super.onPostCreate(savedInstanceState);

        // Sync the toggle state after onRestoreInstanceState has occurred.

        mDrawerToggle.syncState();

    


    @Override

    public void onConfigurationChanged(Configuration newConfig) 

        super.onConfigurationChanged(newConfig);

        // Pass any configuration change to the drawer toggles

        mDrawerToggle.onConfigurationChanged(newConfig);

    

【讨论】:

什么也没发生。 :) @NoNameeee 是什么意思?什么都没发生是什么意思? 没有任何改变。抽屉保持不变。 @NoNameeee 让我也为活动添加代码。请检查编辑。

以上是关于将 Android Navigation Drawer 放在顶部 ActionBar 上失败的主要内容,如果未能解决你的问题,请参考以下文章

Android View 绘制流程(Draw) 完全解析

原创+译文官方文档中声明的如何创建抽屉导航栏(Navigation Drawer)

Android jetpack之Navigation

Android 自定义View之Draw过程(上)

android 上的 react-navigation/native goBack 错误

Android视图的绘制流程(下)——View的Layout与Draw过程