ナビゲーションドロワーを右から左に開くように設定する方法

まず第一に、私はこの質問が以前にここに現れたことを知っていますが、たくさん試した後、私はまだ成功しませんでした。私はAndroidDevelopersサイトの例に取り組んでい ます。

例での実装方法（左から右）ではなく、メニューを右から左に開くように設定しようとしています。さらに、メニューを開くボタンをアクションバーの右側に移動したいと思います。また、ここでいくつかの回答を赤字にします。たとえば、この回答です。

ビューとレイアウトの重力を変更しようとしましたが、エラーが発生します：

絶対重力左で引き出しビューが見つかりません

メニューを右から開くように設定し、アクションバーボタンを右側に移動するには、コードの問題点と何を変更すればよいかを理解するのを手伝ってもらえますか？

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>

メインレイアウトで、ListView重力を右に設定します。

android:layout_gravity="right" 

あなたのコードにも：

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;
    }
};

それがうまくいくことを願っています:)

このコードをマニフェストに追加します。

<application android:supportsRtl="true">

次に、Oncreateで次のコードを記述します。

getWindow().getDecorView().setLayoutDirection(View.LAYOUT_DIRECTION_RTL);

わたしにはできる。;）

解決

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>

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);
            }
        }
    });
//...
}

この回答は、ナビゲーションを右から左に開くように設定するのに役立ちますが、アイコンを右側に設定する解決策はありません。このコードで修正できます。あなたはそれを与える場合はdrawer、その最初のパラメータとして及びViewCompat.LAYOUT_DIRECTION_RTLその第二のparamとして、entierレイアウトはRTLに設定されます。これは迅速で簡単な解決策ですが、メニューを右から左に開くように設定し、アイコンを右側に設定するだけの人にとっては正しい解決策ではないと思います。（ただし、目的によって異なります。）ただし、のtoolbar代わりにを与えることをお勧めしdrawerます。このようにして、ツールバーだけがRTLになりました。したがって、これら2つの答えを組み合わせることで、まさにあなたが望むことを実行できると思います。

これらの説明によると、コードは次のようになります。

（これらの行を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);
        }
    });

ドロワーをファイナルにする必要があることに注意してください。そうしないと、次のエラーが発生します。

変数 'drawer'は内部クラス内からアクセスされ、finalとして宣言する必要があります

そして、メソッドのend代わりに使用することを忘れないでください：startonNavigationItemSelected

drawer.closeDrawer(GravityCompat.END);

そしてあなたの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>

これが引き出しのドキュメントで、左または右から引き出すように設定できるようです。

ドロワーの配置とレイアウトは、ドロワーを表示するビューのどちら側（左または右）に対応する子ビューのandroid：layout_gravity属性を使用して制御されます。（または、レイアウト方向をサポートするプラットフォームバージョンで開始/終了します。）

http://developer.android.com/reference/android/support/v4/widget/DrawerLayout.html

これを見てください：DrawerLayoutフォームでExpandableListViewを右から左にスライドさせます

ActionBarDrawerToggleが実装されていると仮定します。トリックはonOptionsItemSelected(MenuItem item)、ActionBarDrawerToggleオブジェクト内のメソッドを次のようにオーバーライドすることです。

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

onOptionsItemSelected(MenuItem item)アクティビティでこれを確認して呼び出します。

@Override
public boolean onOptionsItemSelected(MenuItem item) {

if(mDrawerToggle.onOptionsItemSelected(item)) {
    return true;
}

return super.onOptionsItemSelected(item);
}

これにより、ホームボタン機能を使用できるようになります。ボタンをアクションバーの右側に移動するには、カスタムアクションアイテムを実装する必要があります。また、必要に応じて機能させるために他の要素を実装する必要があります。

次のエラーの主な問題：

絶対重力左で引き出しビューが見つかりません

つまり、あなたは

android:layout_gravity="right"

右のリストビューの場合、ただし、次の関数を呼び出して、左からドロワーを開こうとします。

mDrawerToggle.syncState();

ハンバーガーアイコンをクリック！

上記の関数にコメントして、@ Rudiが言ったようにメニューの開閉を処理してみてください！

ナビゲーションビューの重力を変更することで、この問題を解決しました

android：layout_gravity

開始する代わりに終了する

<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:headerLayout="@layout/nav_header"
        app:menu="@menu/activity_drawer" />

それは私のために働いた。

まず、次のコードをAppManifest.xmlのアプリケーションタグに配置する必要があります。

android:supportsRtl="true"

次に、activity_main.xmlファイルに次のコードを配置します。

android:layout_direction="rtl"

AndroidStudioのNavigationDrawerActivityの例に次の変更を加えました。サポートライブラリ付き25.3.1。

MainActivity.java：

private DrawerLayout mDrawerLayout;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);

    ActionBar actionBar = getSupportActionBar();
    if (actionBar != null) {
        actionBar.setDisplayHomeAsUpEnabled(true);
    }

    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

    NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view);
    navigationView.setNavigationItemSelectedListener(this);
}

@Override
public void onBackPressed() {
    if (mDrawerLayout.isDrawerOpen(GravityCompat.END)) {
        mDrawerLayout.closeDrawer(GravityCompat.END);
    } else {
        super.onBackPressed();
    }
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    int itemId = item.getItemId();
    switch (itemId) {
        case android.R.id.home:
            finish();
            return true;

        case R.id.action_right_drawer:
            if (mDrawerLayout.isDrawerOpen(GravityCompat.END)) {
                mDrawerLayout.closeDrawer(GravityCompat.END);
            } else {
                mDrawerLayout.openDrawer(GravityCompat.END);
            }
            return true;

        default:
            return super.onOptionsItemSelected(item);
    }
}

@SuppressWarnings("StatementWithEmptyBody")
@Override
public boolean onNavigationItemSelected(MenuItem item) {
    // Handle navigation view item clicks here.

    mDrawerLayout.closeDrawer(GravityCompat.END);
    return true;
}

main.xml（https://material.io/icons/からic_menu_white_24pxをダウンロード）：

<?xml version="1.0" encoding="utf-8"?>
    <menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item android:id="@+id/action_right_drawer"
        android:title="Drawer menu"
        android:icon="@drawable/ic_menu_white_24px"
        android:orderInCategory="100"
        app:showAsAction="always" />
</menu>

activity_main.xmlの変更

android:layout_gravity="start"

に

android:layout_gravity="end"

rtlから開くことは、ユーザーエクスペリエンスにとって良くありません。ユーザーロケールに応答するようにするために、DrawerLayoutパラメーターに次の行を追加しました。

android:layoutDirection="locale"

これをAppBarLayoutに追加して、ハンバーガーのレイアウトを引き出しの開口方向にも一致させました。

DrawerLayoutプロパティ android:layout_gravity="right|end"とtools:openDrawer="end" NavigationViewプロパティ android:layout_gravity="end"

XML Layout

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.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"
    android:layout_gravity="right|end"
    tools:openDrawer="end">

    <include layout="@layout/content_main" />

    <com.google.android.material.navigation.NavigationView
        android:id="@+id/nav_view"
        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_drawer" />

</androidx.drawerlayout.widget.DrawerLayout>

Java Code

// Appropriate Click Event or Menu Item Click Event

if (drawerLayout.isDrawerOpen(GravityCompat.END)) 
{
     drawerLayout.closeDrawer(GravityCompat.END);
} 
else 
{
     drawerLayout.openDrawer(GravityCompat.END);
}
//With Toolbar
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) {
            //Gravity.END or Gravity.RIGHT
            if (drawer.isDrawerOpen(Gravity.END)) {
                drawer.closeDrawer(Gravity.END);
            } else {
                drawer.openDrawer(Gravity.END);
            }
        }
    });
//...
}