DrawerLayout 双抽屉(左右抽屉同时)
Posted
技术标签:
【中文标题】DrawerLayout 双抽屉(左右抽屉同时)【英文标题】:DrawerLayout Double Drawer (Left and Right Drawers simultaneously) 【发布时间】:2013-07-25 13:35:58 【问题描述】:我有一个应用程序,我想在其中实现一个双抽屉 - 一个来自左侧,一个来自右侧。左抽屉用于应用导航,右抽屉用于结果过滤。
所以,布局是这样的:
<?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_
android:layout_>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:background="@color/light_grey"
android:orientation="vertical">
<GridView
android:id="@+id/gridview"
style="@style/GridViewStyle"
android:layout_
android:layout_
android:gravity="center"
android:horizontalSpacing="7dp"
android:stretchMode="columnWidth"
android:verticalSpacing="7dp" />
</LinearLayout>
<ListView
android:id="@+id/left_drawer"
android:layout_
android:layout_
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_
android:layout_
android:layout_gravity="end"
android:background="#111"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp" />
</android.support.v4.widget.DrawerLayout>
您可以在这里清楚地看到“left_drawer”和“right_drawer”,以及它们各自的重力——“start”和“end” 这确实有效!你可以把它们都拉出来。
问题是,当我实现 DrawerToggle 时 - 它只打开左侧抽屉,而不关闭右侧抽屉,所以如果打开右侧抽屉并且我按下 DrawerToggle 按钮 - 左侧抽屉也打开,并且重叠右边的抽屉。
我想得到几个解决方案:
-
在右侧制作相同的 DrawerToggle 按钮,其行为和动画与左侧相同。
将抽屉放在我尝试打开的抽屉的另一侧 - 自动关闭(如果左侧抽屉打开并且我按下右侧抽屉的开关,反之亦然)。
我还没想好怎么做,因为 DrawerToggle 接受 DrawerLayout 本身作为参数,而不是单个抽屉...
我正在使用支持库。
有人有什么想法吗? 提前谢谢你。
【问题讨论】:
【参考方案1】:这是一个双抽屉活动的代码,它可以被其他活动扩展以实现双抽屉,假设它们的布局类似于 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);
【讨论】:
忘了说这利用了 v7 支持的 appcompat lib developer.android.com/tools/support-library/features.html 另外,如果您希望字形仅移动到左侧抽屉,您可以在 onDrawerSlide 方法中执行此操作: if(drawerView == leftDrawer) super.onDrawerSlide(drawerView, slideOffset);跨度> @DanielLópezLacalle 感谢您的回答.. 我已按照您的代码进行操作,它没有给出任何错误,但即使在此之后,它也不会在我的操作栏右侧显示任何内容.. 什么也没有。 仅供参考,不应在列表视图级别添加具有向右或向左重力的附加视图(例如,FloatingActionButton),否则会导致类似于该错误:Child drawer has absolute gravity RIGHT but this DrawerLayout already has a drawer view along that edge
【参考方案2】:
例如,您可以在 ToggleButton 的处理程序中这样调用它:
mDrawerLayout.openDrawer(mDrawer);
mDrawerLayout.closeDrawer(mDrawer);
其中 mDrawer 是对您需要打开的特定抽屉(无论是视图还是布局)的引用,在您的情况下,是您希望显示的实际 ListView。
【讨论】:
【参考方案3】:您可以使用 Material Design 中的NavigationView
。
<?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_
android:layout_
android:fitsSystemWindows="true"
tools:openDrawer="start">
<include
layout="@layout/app_bar_main"
android:layout_
android:layout_ />
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_
android:layout_
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_
android:layout_
android:layout_gravity="end"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/activity_main_drawer1" />
</android.support.v4.widget.DrawerLayout>
【讨论】:
【参考方案4】:这是我的简短解决方案,适用于所有希望在滑动右视图时阻止抽屉指示器动画的人。像这样简单地实现 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
;
【讨论】:
使用这种方法,动画会停止,但字形(图标)现在会跳转到它通常会滑动到的位置。您如何防止一起移动?【参考方案5】:在 onOptionsItemSelected() 中使用您想要关闭(打开另一个抽屉时)的任何抽屉的重力常数(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);
mDrawerToggle = 实现 DrawerLayout.DrawerListener 的监听器对象 见:http://developer.android.com/reference/android/support/v4/app/ActionBarDrawerToggle.html
【讨论】:
【参考方案6】:我已经解决了在 onOptionsItemSelected 方法中添加这段代码:
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;
我添加了一个操作按钮并覆盖了操作栏的主页按钮
【讨论】:
【参考方案7】:制作一个自定义项目并将其添加到右侧,将右侧抽屉传递给它。
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);
);
【讨论】:
以上是关于DrawerLayout 双抽屉(左右抽屉同时)的主要内容,如果未能解决你的问题,请参考以下文章