如何将抽屉布局图标设置在设备屏幕的右侧？

Question

我已创建了抽屉式布局示例应用程序，它正常工作。我的问题是抽屉式布局在从右到左方向上完美工作，但我尝试将图标移动到左侧，但无法实现，请给我建议...!!! 这是否可能？

<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:layout_gravity="right" >

    <!-- The main content view -->

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
         />
    <!-- The navigation drawer -->

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

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

- balaji

---

你解决了这个问题吗？ - MRX

@MRX 不行，我尝试了很多种方法... - balaji

@bala，你有解决方案吗？ - Subhalaxmi

@SubhalaxmiNayak仍未找到解决方案。 - balaji

http://stackoverflow.com/questions/33464416/use-custom-layout-in-navigationdrawer-with-header-and-list/33464417#33464417 - Saeed Darvish

Answer 1

也许已经有些晚了，但是您可以使用默认的菜单来解决这个问题。

创建res/menu/my_right_side_menu.xml文件。

<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:myapp="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/btnMyMenu"
        android:icon="@drawable/ic_drawer"
        android:title="Right Side Menu"
        myapp:showAsAction="always"/>
</menu>

在您的Activity中的onCreateOptionsMenu()方法中添加菜单。

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    int menuToUse = R.menu.my_right_side_menu;

    MenuInflater inflater = getMenuInflater();
    inflater.inflate(menuToUse, menu);

    return super.onCreateOptionsMenu(menu);
}

接下来，在您的 ActionBarDrawerToggle 中处理菜单项的单击事件。

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

        @Override
        public boolean onOptionsItemSelected(android.view.MenuItem item) {
            if (item != null && item.getItemId() == R.id.btnMyMenu) {
                if (mDrawerLayout.isDrawerOpen(Gravity.RIGHT)) {
                    mDrawerLayout.closeDrawer(Gravity.RIGHT);
                } else {
                    mDrawerLayout.openDrawer(Gravity.RIGHT);
                }
                return true;
            }
            return false;
        }
    };

最后，不要忘记隐藏ActionBar中的主页按钮。

getSupportActionBar().setDisplayHomeAsUpEnabled(false);
getSupportActionBar().setDisplayShowHomeEnabled(false);

- Fernando Velazquez

---

这是正确的方法。但是你不再需要ActionBarDrawerToggle了。你可以直接从Activity类实现onOptionsItemSelected。代码foronOptionsItemSelected将与你在这里展示的完全相同。 - RajV

Answer 2

如果您使用AppBarLayout和ToolBar，请按照以下方式进行操作：

<android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:layoutDirection="rtl">

        <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.design.widget.AppBarLayout>

notice: android:layoutDirection="rtl"

- farhang67

---

它适用于抽屉图标。但我想把标题放在左边。标题在左侧，抽屉图标将在右侧。如何解决？ - Arun PK

Answer 3

这个图标代表的是导航菜单，根据设计原则，它应该在屏幕左侧。根据指南，我们可以将导航抽屉放在右边，但那只能用来修改内容（例如筛选器）。对于所有这样的目的，您可能需要使用ActionbarItem，在屏幕右上角放置一个ActionItem。点击该操作项将打开或关闭右侧导航抽屉。

但是请注意，根据设计，表示导航的动画三条线的菜单图标必须位于左侧。

仅供参考，要将导航抽屉放在右侧，您需要按以下方式更改其引力：

    <?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:background="@color/main_background" >

    <!-- The main content view -->

    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </FrameLayout>
    <!-- The navigation drawer -->

    <LinearLayout
        android:id="@+id/right_drawer"
        android:layout_width="280dp"
        android:layout_gravity="end"
        android:layout_height="match_parent"
        android:orientation="vertical" />

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

此外，在这种情况下，您确实需要导航菜单图标，如果要在右侧使用自定义标题布局或类似ActionBarSherlock的库进行编辑。

希望这能帮到您！

- Vivek Soneja

---

这是一个清晰而好的教程。http://stackoverflow.com/questions/33464416/use-custom-layout-in-navigationdrawer-with-header-and-list/33464417#33464417 - Saeed Darvish

Answer 4

这里是一个类似漏洞的解决方案，适用于我的情况。

toggle = new ActionBarDrawerToggle(
            this, drawer, toolbar0, R.string.open_nav, R.string.close_nav);

我为它制作了一个工具栏。

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_marginRight="40dp"
            android:layout_marginEnd="40dp"
            android:background="@color/colorPrimary">
            <!-- this is your general toolbar-->
            <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_gravity="right|end|center_vertical"
                android:text="Mytitle"/>

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

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar0"
            android:layout_width="40dp"
            android:layout_height="?attr/actionBarSize"
            android:layout_gravity="right|end"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
            <!-- this is your nav-button toolbar-->

    </FrameLayout>

</android.support.design.widget.AppBarLayout>

并为其设置onclicklistener：

toolbar0.setNavigationOnClickListener(new View.OnClickListener() {

        @Override
        public void onClick(View v) {
            if (drawer.isDrawerOpen(Gravity.RIGHT)) {
                drawer.closeDrawer(Gravity.RIGHT);
            } else {
                drawer.openDrawer(Gravity.RIGHT);
            }
        }

    });

- navid

Answer 5

来自开发者指南：

抽屉的定位和布局是通过子视图上的android:layout_gravity属性进行控制的，该属性对应于您希望抽屉从哪一侧出现：左侧或右侧。（在支持布局方向的平台版本上，也可以使用start/end）

这意味着，您可以通过以下方式实现：

<DrawerLayout
    android:layout_gravity="right">
</DrawerLayout>

编辑

根据创建导航抽屉,

抽屉视图（ListView）必须使用android:layout_gravity属性指定其水平方向的重力。为了支持从右到左（RTL）的语言，请使用“start”而不是“left”来指定该值（这样在布局为RTL时，抽屉将出现在右侧）。

因此您应该这样做：

<DrawerLayout
    android:layout_gravity="start">
</DrawerLayout>

- chinglun