Android DrawerLayout与ViewPager不兼容？

Question

我在DrawerLayout里面实现了ViewPager，它正常工作，但是抽屉菜单列表视图与操作栏不显示在同一行，而是显示在ViewPager选项卡下方。希望以下图片能给您一个想法。 同时我正在使用actionbarsherlock库。

如何使抽屉菜单列表视图准确地显示在操作栏下方？

我尝试过的方法：

Activity OnCreate():

        setContentView(R.layout.activity_layout);
        mDrawerLayout   = (DrawerLayout) findViewById(R.id.drawer_layout);
        mDrawerList     = (ListView) findViewById(R.id.left_drawer);
        mLinearLayout   = (LinearLayout)findViewById(R.id.ll_viewpager_layout);

        // 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

        mDrawerList.setOnItemClickListener(new DrawerItemClickListener());

        mDrawerToggle = new ActionBarDrawerToggle(
                this,                  /* host Activity */
                mDrawerLayout,         /* DrawerLayout object */
                R.drawable.ic_drawer,  /* nav drawer image to replace 'Up' caret */
                R.string.app_name,  /* "open drawer" description for accessibility */
                R.string.app_you  /* "close drawer" description for accessibility */
                ) {
            public void onDrawerClosed(View view) {
            }

            public void onDrawerOpened(View drawerView) {
            }
        };
        mDrawerLayout.setDrawerListener(mDrawerToggle);
        invalidateMenuItems();

        mViewPager = new ViewPager(this);
        mViewPager.setOnPageChangeListener(this);
        mViewPager.setId(1);
        mViewPager.setOffscreenPageLimit(7);

        mLinearLayout.addView(mViewPager);

        mTabsAdapter = new TabsAdapter(this, mViewPager,mActionBar);

        mTabsAdapter.addTab(mActionBar.newTab().setText("Fragment"),Fragment.class, null);

        mTabsAdapter.addTab(mActionBar.newTab().setText("Fragment"),Fragment.class, null);

        mTabsAdapter.addTab(mActionBar.newTab().setText("Fragment"),Fragment.class, null);

        mTabsAdapter.addTab(mActionBar.newTab().setText("Fragment"),Fragment.class, null);

活动布局 xml：

 <?xml version="1.0" encoding="utf-8"?>
<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"
        android:orientation="vertical" >

                <LinearLayout
            android:id="@+id/ll_dashboard_viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" />

        <ListView
            android:id="@+id/left_drawer"
            android:layout_width="200dip"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="@color/abs__background_holo_light"
            android:cacheColorHint="#00000000"
            android:choiceMode="singleChoice"
            android:dividerHeight="1dip" />


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

- Dinesh Anuruddha

Answer 1

抽屉式布局是视图翻页器的父级容器。尝试使用此方法。

<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" >

    <android.support.v4.view.ViewPager
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </android.support.v4.view.ViewPager>

    <!-- Framelayout to display Fragments -->

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

    <!-- Listview to display slider menu -->

    <ListView
        android:id="@+id/list_slidermenu"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="@color/list_background"
        android:choiceMode="singleChoice"
        android:divider="@color/list_divider"
        android:dividerHeight="1dp"
        android:listSelector="@drawable/list_selector" />

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

- MIkka Marmik

Answer 2

这是与“操作栏”选项卡相关的抽屉行为。您无法更改它。

在此答案中找到一些官方信息：Android Navigation Drawer over the tabs 以及这个答案中的解决方法：Getting DrawerLayout to Slide over the ActionBar 我建议使用这个很棒的库：PagerSlidingTabStrip

- Matthias Robbers

---

谷歌游戏应用程序，如果您在抽屉中选择“我的游戏”，它将启动一个带有选项卡的视图页面，并且抽屉将出现在所有内容的上方。 - Maxrunner

那些不是操作栏选项卡。 - Matthias Robbers

Google Play Games 应用中的选项卡。 - Matthias Robbers

值得一提的是，Google不希望您将操作栏与抽屉重叠。我从Google内部得到了这个回复，并且在导航抽屉文档中也有说明。“随着导航抽屉的扩展，它会覆盖内容但不会覆盖操作栏。”来源：http://developer.android.com/design/patterns/navigation-drawer.html - Martin Marconcini

Answer 3

我不确定Action Bar选项卡，但你可以使用Pager Tab Strip与Navigation Drawer相结合，以获得类似Google Play音乐的导航模式。请查看我的帖子。

- Balaji

Answer 4

在您的activity_main.xml中使用以下代码，以在工具栏下方显示抽屉布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:fitsSystemWindows="true">

        <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"/>

        <android.support.v4.widget.DrawerLayout
            android:id="@+id/drawer_layout"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            tools:openDrawer="start">

            <android.support.design.widget.NavigationView
                android:id="@+id/navigation_view"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="start"
                android:fitsSystemWindows="true"
                app:menu="@menu/activity_main_drawer" />

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

</LinearLayout>  

- Farid

Answer 5

你使用过FrameLayout吗？最后一个FrameLayout上显示的内容会显示在顶部。如果你隐藏了那个"层"，上面的FrameLayout（倒数第二个FrameLayout）将会显示出来。在你的DrawerLayout中，抽屉列表应该在最后一个FrameLayout中，而Fragments则在倒数第二个FrameLayout中，在其中你可以展示ViewPager。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/main_parent_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <FrameLayout
            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/content_frame"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="9"
                    android:orientation="vertical" >

                    <!-- Fragments will attach in this container, and have ViewPager -->
                </LinearLayout>


            </LinearLayout>
        </FrameLayout>


        <!-- attach drawer -->

        <FrameLayout
            android:id="@+id/drawer"
            android:layout_width="300dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:background="@color/grey"
            android:choiceMode="singleChoice"
            android:clickable="true"
            android:divider="@android:color/transparent"
            android:dividerHeight="0dp" >

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="#00000000"
                android:orientation="vertical" >

                    <ListView
                    android:id="@+id/navigation_drawer_list"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:choiceMode="singleChoice"
                    android:groupIndicator="@null" />

                <!-- </LinearLayout> -->
            </LinearLayout>
        </FrameLayout>
    </android.support.v4.widget.DrawerLayout>

</LinearLayout>

- Abhinav Saxena

Answer 6

您的XML格式不正确。

ListView应该将layout_height设置为match_parent而不是wrap_content。

编辑：

DrawerLayout也应该是顶层布局，而不是被挤入LinearLayout中。 请查看如何使用DrawerLayout的文档：http://developer.android.com/training/implementing-navigation/nav-drawer.html

- Damian Walczak

---

我已按照您的建议使用更新后的XML编辑了问题，但问题仍然存在。 - Dinesh Anuruddha

@kaluwila 你试过将ViewPager和TabWidget放入LinearLayout的XML中吗？在这里看看：http://thepseudocoder.wordpress.com/2011/10/13/android-tabs-viewpager-swipe-able-tabs-ftw/ - Damian Walczak

@ Damian Walczak，我也尝试了你的方法，但什么都没发生 :( - Dinesh Anuruddha

@kaluwila 如果您能提供完整的示例代码，我可以看一下。 - Damian Walczak