Android 抽屉布局双抽屉（同时使用左抽屉和右抽屉）

我有一个应用程序，我想在其中实现一个双抽屉——一个在左边，一个在右边。左抽屉用于应用程序导航，右抽屉用于结果筛选

因此，布局如下所示：

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

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/light_grey"
        android:orientation="vertical">

        <GridView
            android:id="@+id/gridview"
            style="@style/GridViewStyle"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:gravity="center"
            android:horizontalSpacing="7dp"
            android:stretchMode="columnWidth"
            android:verticalSpacing="7dp" />
    </LinearLayout>

    <ListView
        android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#111"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />

    <ListView
        android:id="@+id/right_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:background="#111"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp" />
</android.support.v4.widget.DrawerLayout>

你可以在这里清楚地看到“左抽屉”和“右抽屉”，以及它们各自的重力——“开始”和“结束” 这确实有效！你可以把它们都拔出来

问题是，当我实现抽屉切换时-它只打开左抽屉，而不关闭右抽屉，因此如果右抽屉打开，我按下抽屉切换按钮-左抽屉也打开，并与右抽屉重叠

final ToggleButton ic_nav = (ToggleButton) customNav.findViewById(R.id.ic_nav);

        ic_nav.setOnClickListener(new View.OnClickListener()
        {
            @Override
            public void onClick(View arg0)
            {
                if ( mDrawerLayout.isDrawerOpen(mDrawerList) && arg0.isSelected()) {
                    mDrawerLayout.closeDrawer(mDrawerList);
                    arg0.setSelected(false);
                }
                else if (!mDrawerLayout.isDrawerOpen(mDrawerList) && !arg0.isSelected()){
                    mDrawerLayout.openDrawer(mDrawerList);
                    ic_nav.setSelected(false);
                    arg0.setSelected(true);
                }
            }
        });

我正在尝试几种解决方案：

在右侧使用与左侧相同的行为和动画制作相同的抽屉切换按钮

使抽屉位于我试图打开的抽屉的另一侧-自动关闭（如果左抽屉打开，我按下右抽屉的开关，反之亦然）

我还不知道怎么做，因为DroperToggle接受DroperLayout本身作为参数，而不是单个的抽屉

我正在使用支持库

有人有什么想法吗？

---

提前谢谢。

您可以在ToggleButton的处理程序中这样调用它，例如：

mDrawerLayout.openDrawer(mDrawer);
mDrawerLayout.closeDrawer(mDrawer);

---

其中，mDrawer是您需要打开的特定抽屉的引用（无论是视图还是布局），在您的情况下，是您希望显示的实际ListView。

我已解决在OnOptions ItemSelected方法中添加此代码的问题：

switch (item.getItemId()) {
    case android.R.id.home:
        if (mDrawerLayout.isDrawerOpen(mDrawerList_right)){
            mDrawerLayout.closeDrawer(mDrawerList_right);
        }
        mDrawerLayout.openDrawer(mDrawerList_left);
    }
    break;
case R.id.action_drawer:
        if (mDrawerLayout.isDrawerOpen(mDrawerList_left)){
            mDrawerLayout.closeDrawer(mDrawerList_left);
        }
        mDrawerLayout.openDrawer(mDrawerList_right);
    }
default:
    break;
}

---

我添加了一个操作按钮，并覆盖了actionbar的home按钮。这里是双抽屉活动的代码，其他活动可以扩展该代码来实现双抽屉，假设它们的布局与OP提出的布局类似

    public class DoubleDrawerActivity extends ActionBarActivity {

    private DrawerLayout mDrawerLayout;
    private ActionBarDrawerToggle mDrawerToggle;
    private View mLeftDrawerView;
    private View mRightDrawerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setHomeButtonEnabled(true);
    }

    @Override
    protected void onStart() {
        super.onStart();

        if(mDrawerLayout == null || mLeftDrawerView == null || mRightDrawerView == null || mDrawerToggle == null) {
            // Configure navigation drawer
            mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
            mLeftDrawerView = findViewById(R.id.left_drawer);
            mRightDrawerView = findViewById(R.id.right_drawer);
            mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_navigation_drawer, R.string.drawer_open, R.string.drawer_close) {

                /** Called when a drawer has settled in a completely closed state. */
                public void onDrawerClosed(View drawerView) {
                    if(drawerView.equals(mLeftDrawerView)) {
                        getSupportActionBar().setTitle(getTitle());
                        supportInvalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
                        mDrawerToggle.syncState();
                    }
                }

                /** Called when a drawer has settled in a completely open state. */
                public void onDrawerOpened(View drawerView) {
                    if(drawerView.equals(mLeftDrawerView)) {
                        getSupportActionBar().setTitle(getString(R.string.app_name));
                        supportInvalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
                        mDrawerToggle.syncState();
                    }                   
                }

                @Override
                public void onDrawerSlide(View drawerView, float slideOffset) {
                    // Avoid normal indicator glyph behaviour. This is to avoid glyph movement when opening the right drawer
                    //super.onDrawerSlide(drawerView, slideOffset);
                }
            };

            mDrawerLayout.setDrawerListener(mDrawerToggle); // Set the drawer toggle as the DrawerListener
        }
    }

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

        mDrawerToggle.onConfigurationChanged(newConfig);
    }

    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {

        // If the nav drawer is open, hide action items related to the content view
        for(int i = 0; i< menu.size(); i++)
            menu.getItem(i).setVisible(!mDrawerLayout.isDrawerOpen(mLeftDrawerView));

        return super.onPrepareOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        switch(item.getItemId()) {
            case android.R.id.home:
                mDrawerToggle.onOptionsItemSelected(item);

                if(mDrawerLayout.isDrawerOpen(mRightDrawerView))
                    mDrawerLayout.closeDrawer(mRightDrawerView);

                return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

公共类DoubleDrawerActivity扩展了ActionBarActivity{
私人抽屉布局mDrawerLayout；
私有操作bardrawertoggle mDrawerToggle；
私人视图；
私人视图mRightDrawerView；
@凌驾
创建时受保护的void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
getSupportActionBar（）.setDisplayHomeAsUpEnabled（true）；
getSupportActionBar（）.setHomeButtonEnabled（true）；
}
@凌驾
受保护的void onStart（）{
super.onStart（）；
如果（mDrawerLayout==null | | mLeftDrawerView==null | | mRightDrawerView==null | | mDrawerToggle==null）{
//配置导航抽屉
mDrawerLayout=（抽屉布局）findViewById（R.id.抽屉布局）；
mLeftDrawerView=findViewById（R.id.左抽屉）；
mRightDrawerView=findViewById（R.id.right\u抽屉）；
mDrawerToggle=新操作BarDrawerToggle（此，mDrawerLayout，R.drawable.ic\u导航\u抽屉，R.string.drawer\u打开，R.string.drawer\u关闭）{
/**当抽屉处于完全关闭状态时调用*/
图纸上的公共空白已关闭（视图抽屉视图）{
if（抽屉视图等于（mleft抽屉视图））{
getSupportActionBar（）.setTitle（getTitle（））；
SupportInvalidateOptions菜单（）；//创建对OnPrepareOptions菜单（）的调用
mDrawerToggle.syncState（）；
}
}
/**当抽屉处于完全打开状态时调用*/
打开图纸上的公共空白（视图抽屉视图）{
if（抽屉视图等于（mleft抽屉视图））{
getSupportActionBar（）.setTitle（getString（R.string.app_name））；
SupportInvalidateOptions菜单（）；//创建对OnPrepareOptions菜单（）的调用
mDrawerToggle.syncState（）；
}                   
}
@凌驾
绘图滑块上的公共空白（视图抽屉视图、浮动滑块偏移）{
//避免正常的指示器标志符号行为。这是为了避免在打开右侧抽屉时标志符号移动
//super.onDrawerSlide（抽屉视图、滑块偏移）；
}
};
mDrawerLayout.setDrawerListener（mDrawerToggle）；//将抽屉切换设置为抽屉链接器
}
}
@凌驾
后期创建时受保护的空（捆绑包savedInstanceState）{
super.onPostCreate（savedInstanceState）；
//在onRestoreInstanceState发生后同步切换状态。
mDrawerToggle.syncState（）；
}
@凌驾
公共无效OnConfiguration已更改（配置newConfig）{
super.onConfigurationChanged（newConfig）；
mDrawerToggle.onConfigurationChanged（newConfig）；
}
@凌驾
公共布尔值OnPrepareOptions菜单（菜单）{
//如果导航抽屉打开，则隐藏与内容视图相关的操作项
对于（int i=0；i

对于所有想要防止抽屉指示器在右视图滑动时出现动画的人，这里是我的简短解决方案。只需像这样执行onDrawerSlide方法

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_drawer_white, 0, 0) {

    @Override
    public void onDrawerClosed(View view) {
       invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
    }

    @Override
    public void onDrawerOpened(View drawerView) {
       invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
    }

    @Override
    public void onDrawerSlide(View drawerView, float slideOffset) {
       if (drawerView == mSlidingMenuNavigationList) {
           super.onDrawerSlide(drawerView, slideOffset);
       }
       else {
          // do nothing on all other views
       }
    }
};

在OnOptions ItemSelected（）中使用要关闭（打开另一个抽屉时）的任何抽屉的重力常量（gravity.LEFT或gravity.RIGHT），如下所示

public boolean onOptionsItemSelected(MenuItem item) {
    if (mDrawerToggle.onOptionsItemSelected(item)) {

       // Close the right side drawer if visible
       if(mDrawerLayout.isDrawerVisible(Gravity.RIGHT)) {
           mDrawerLayout.closeDrawer(Gravity.RIGHT);
       }
       return true;
    }

    // Regular stuff
    switch (item.getItemId()) {
    case R.id.action_example:
        Toast.makeText(getActivity(), "Example action.", Toast.LENGTH_SHORT).show();
        return true;
    }

    return super.onOptionsItemSelected(item);
}

mDra

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout 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:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

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

    <android.support.design.widget.NavigationView
        android:id="@+id/nav_view2"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="end"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer1" />

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