如何设置导航抽屉从右到左打开

gal*_*van 73 android right-to-left navigation-drawer

首先我知道这个问题出现在此之前,但在尝试了很多之后我仍然没有成功.我从Android Developers网站开始研究这个例子 .

我正在尝试将菜单设置为从右到左打开,而不是在示例中如何实现(从左到右).此外,我想将打开菜单按钮移动到操作栏的右侧.我也在这里提出了一些答案,例如在这个答案中.

我尝试改变视图和布局的重力,但我得到错误:

没有抽屉视图发现绝对重力LEFT

你可以帮我弄清楚我的代码中有什么问题,为了设置菜单从右边打开,我应该改变什么,并将操作栏按钮移动到右侧?

xml代码在这里:

<android.support.v4.widget.DrawerLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawer_layout"
    android:layout_gravity="right"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <FrameLayout
        android:id="@+id/content_frame"
        android:layoutDirection="rtl"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />

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

</android.support.v4.widget.DrawerLayout>
Run Code Online (Sandbox Code Playgroud)

Rud*_*udi 149

在您的主要布局中,将您的ListView重力设置为右:

android:layout_gravity="right" 
Run Code Online (Sandbox Code Playgroud)

还在你的代码中:

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,
            R.drawable.ic_drawer, R.string.drawer_open,
            R.string.drawer_close) {

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if (item != null && item.getItemId() == android.R.id.home) {
            if (mDrawerLayout.isDrawerOpen(Gravity.RIGHT)) {
                mDrawerLayout.closeDrawer(Gravity.RIGHT);
            } 
            else {
                mDrawerLayout.openDrawer(Gravity.RIGHT);
            }
        }
        return false;
    }
};
Run Code Online (Sandbox Code Playgroud)

希望它有效:)

  • @Rudi:你知道第二部分的答案吗?我的意思是如何从右到左制作动作栏.(抽屉和向上导航图标方向也改变) (2认同)
  • 如何将汉堡包图标移动到工具栏右侧? (2认同)

小智 58

将此代码添加到清单:

<application android:supportsRtl="true">
Run Code Online (Sandbox Code Playgroud)

然后在Oncreate上编写此代码:

getWindow().getDecorView().setLayoutDirection(View.LAYOUT_DIRECTION_RTL);
Run Code Online (Sandbox Code Playgroud)

这个对我有用.;)

  • 这是错误的答案.它从右到左翻转整个活动布局. (10认同)
  • 它工作正常,但是,setLayoutDirection(View.LAYOUT_DIRECTION_RTL)适用于17以上的API,因此你不能将它用于api lower (9认同)
  • 这不会翻转活动的整个布局,甚至是toStartOf/toEndOf等......? (6认同)

Vol*_*lyk 36



your_layout.xml:

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

    <include layout="@layout/app_bar_root"
        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="end"
        android:fitsSystemWindows="true"
        app:itemTextColor="@color/black"
        app:menu="@menu/activity_root_drawer" />

</android.support.v4.widget.DrawerLayout>
Run Code Online (Sandbox Code Playgroud)

YourActivity.java:

@Override
protected void onCreate(Bundle savedInstanceState) {
//...
toolbar = (Toolbar) findViewById(R.id.toolbar);

drawer = (DrawerLayout) findViewById(R.id.drawer_layout);
ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
            this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close);
drawer.setDrawerListener(toggle);
toggle.syncState();

toolbar.setNavigationOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            if (drawer.isDrawerOpen(Gravity.RIGHT)) {
                drawer.closeDrawer(Gravity.RIGHT);
            } else {
                drawer.openDrawer(Gravity.RIGHT);
            }
        }
    });
//...
}
Run Code Online (Sandbox Code Playgroud)

  • 效果很好。但是工具栏图标仍显示在左侧。如何将切换按钮图标也向右移? (2认同)
  • 在 AppBarLayout XML 中添加 android:layoutDirection="rtl" 以将切换按钮设置为右侧 (2认同)

Rey*_*deh 5

这个答案对于设置导航从右到左打开很有用,但没有解决方案将其图标设置为右侧。这段代码可以修复它。如果将其drawer作为第一个参数和ViewCompat.LAYOUT_DIRECTION_RTL第二个参数,则整个布局将设置为 RTL。这是一个快速而简单的解决方案,但我认为对于那些只想将菜单设置为从右向左打开并将其图标设置在右侧的人来说,这不是一个正确的解决方案。(尽管,这取决于您的目的。)但是,我建议使用toolbar代替drawer. 这样就只是工具栏变成了RTL。所以我认为这两个答案的结合完全可以达到你想要的效果。

根据这些描述,你的代码应该是这样的:

(将这些行添加到 onCreate 方法中)

final DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); // Set it final to fix the error that will be mention below.

    ViewCompat.setLayoutDirection(toolbar, ViewCompat.LAYOUT_DIRECTION_RTL);

    toolbar.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            if (drawer.isDrawerOpen(Gravity.RIGHT))
                drawer.closeDrawer(Gravity.RIGHT);
            else
                drawer.openDrawer(Gravity.RIGHT);
        }
    });
Run Code Online (Sandbox Code Playgroud)

请注意,您应该将抽屉设为最终的,否则您将收到此错误:

变量“drawer”是从内部类内部访问的,需要声明为final

并且不要忘记使用end而不是startinonNavigationItemSelected方法:

drawer.closeDrawer(GravityCompat.END);
Run Code Online (Sandbox Code Playgroud)

并在你的activity_main.xml中

<android.support.v4.widget.DrawerLayout 
   android:id="@+id/drawer_layout"
   tools:openDrawer="end">

   <android.support.design.widget.NavigationView
      android:id="@+id/nav_view"
      android:layout_gravity="end"/>
</android.support.v4.widget.DrawerLayout>
Run Code Online (Sandbox Code Playgroud)