android - 異なるアクティビティの同じナビゲーション ドロワー

Question

developer.android.com Web サイトのチュートリアルに示されているように、動作するナビゲーション ドロワーを作成しました。しかし今、私はアプリケーションの複数のアクティビティ用に NavigationDrawer.class で作成した 1 つの Navigation Drawer を使用したいと考えています。

私の質問は、複数のアクティビティに対して 1 つのナビゲーション ドロワーを使用する方法を説明する小さなチュートリアルを作成できる人がここにいる場合です。

最初に読んだのは、この Answer Android Navigation Drawer on multiple Activitiesです。

しかし、それは私のプロジェクトでは機能しませんでした

public class NavigationDrawer extends Activity {
public DrawerLayout drawerLayout;
public ListView drawerList;
private ActionBarDrawerToggle drawerToggle;

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
    drawerToggle = new ActionBarDrawerToggle((Activity) this, drawerLayout, R.drawable.ic_drawer, 0, 0) {

        public void onDrawerClosed(View view) {
            getActionBar().setTitle(R.string.app_name);
        }

        public void onDrawerOpened(View drawerView) {
            getActionBar().setTitle(R.string.menu);
        }
    };
    drawerLayout.setDrawerListener(drawerToggle);

    getActionBar().setDisplayHomeAsUpEnabled(true);
    getActionBar().setHomeButtonEnabled(true);

    listItems = getResources().getStringArray(R.array.layers_array);
    drawerList = (ListView) findViewById(R.id.left_drawer);
    drawerList.setAdapter(new ArrayAdapter<String>(this, R.layout.drawer_list_item, android.R.id.text,
            listItems));
    
    drawerList.setOnItemClickListener(new OnItemClickListener() {
        @Override
        public void onItemClick(AdapterView<?> arg0, View arg1, int pos, long arg3) {
            drawerClickEvent(pos);
        }
    });
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {

    if (drawerToggle.onOptionsItemSelected(item)) {
        return true;
    }
    return super.onOptionsItemSelected(item);

}

@Override
protected void onPostCreate(Bundle savedInstanceState) {
    super.onPostCreate(savedInstanceState);
    drawerToggle.syncState();
}

@Override
public void onConfigurationChanged(Configuration newConfig) {
    super.onConfigurationChanged(newConfig);
    drawerToggle.onConfigurationChanged(newConfig);
}
}

このアクティビティでは、ナビゲーション ドロワーが必要なので、「NavigationDrawer」を拡張し、他のいくつかのアクティビティでは、同じナビゲーション ドロワーを使用したい

  public class SampleActivity extends NavigationDrawer {...}

Answer 1

ナビゲーション ドロワーが必要な場合は、フラグメントを使用する必要があります。先週、このチュートリアルに従いましたが、うまく機能します。

http://developer.android.com/training/implementing-navigation/nav-drawer.html

このチュートリアルからサンプル コードをダウンロードして、その方法を確認することもできます。

---

フラグメントなし:

これは BaseActivity コードです:

public class BaseActivity extends Activity
{
    public DrawerLayout drawerLayout;
    public ListView drawerList;
    public String[] layers;
    private ActionBarDrawerToggle drawerToggle;
    private Map map;

    protected void onCreate(Bundle savedInstanceState)
    {
        // R.id.drawer_layout should be in every activity with exactly the same id.
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

        drawerToggle = new ActionBarDrawerToggle((Activity) this, drawerLayout, R.drawable.ic_drawer, 0, 0) 
        {
            public void onDrawerClosed(View view) 
            {
                getActionBar().setTitle(R.string.app_name);
            }

            public void onDrawerOpened(View drawerView) 
            {
                getActionBar().setTitle(R.string.menu);
            }
        };
        drawerLayout.setDrawerListener(drawerToggle);

        getActionBar().setDisplayHomeAsUpEnabled(true);
        getActionBar().setHomeButtonEnabled(true);

        layers = getResources().getStringArray(R.array.layers_array);
        drawerList = (ListView) findViewById(R.id.left_drawer);
        View header = getLayoutInflater().inflate(R.layout.drawer_list_header, null);
        drawerList.addHeaderView(header, null, false);
        drawerList.setAdapter(new ArrayAdapter<String>(this, R.layout.drawer_list_item, android.R.id.text1,
                layers));
        View footerView = ((LayoutInflater) this.getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(
                R.layout.drawer_list_footer, null, false);
        drawerList.addFooterView(footerView);

        drawerList.setOnItemClickListener(new OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1, int pos, long arg3) {
                map.drawerClickEvent(pos);
            }
        });
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        if (drawerToggle.onOptionsItemSelected(item)) {
            return true;
        }
        return super.onOptionsItemSelected(item);

    }

    @Override
    protected void onPostCreate(Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        drawerToggle.syncState();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        drawerToggle.onConfigurationChanged(newConfig);
    }
}

ナビゲーション ドロワーが必要な他のすべてのアクティビティは、アクティビティ自体ではなく、このアクティビティを拡張する必要があります。例:

public class AnyActivity extends BaseActivity
{
    //Because this activity extends BaseActivity it automatically has the navigation drawer
    //You can just write your normal Activity code and you don't need to add anything for the navigation drawer
}

XML

<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">
    <!-- The main content view -->
    <FrameLayout
        android:id="@+id/content_frame"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
        <!-- Put what you want as your normal screen in here, you can also choose for a linear layout or any other layout, whatever you prefer -->
    </FrameLayout>
    <!-- The navigation drawer -->
    <ListView android:id="@+id/left_drawer"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:choiceMode="singleChoice"
        android:divider="@android:color/transparent"
        android:dividerHeight="0dp"
        android:background="#111"/>
</android.support.v4.widget.DrawerLayout>

---

編集：

私自身もいくつかの困難を経験したので、NullPointerExceptions が発生した場合の解決策を次に示します。BaseActivity で onCreate 関数を に変更しますprotected void onCreateDrawer()。残りは同じままでかまいません。BaseActivity を拡張するアクティビティでは、コードを次の順序で配置します。

    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity);
    super.onCreateDrawer();

これは私の問題を解決するのに役立ちました。

これは、複数のアクティビティを含むナビゲーション ドロワーを作成する方法です。質問がある場合は、お気軽にお問い合わせください。

---

編集2：

@GregDan が言ったように、そこで onCreateDrawerBaseActivityをオーバーライドsetContentView()して呼び出すこともできます。

@Override 
public void setContentView(@LayoutRes int layoutResID) 
{ 
    super.setContentView(layoutResID); 
    onCreateDrawer() ;
}

Answer 2

アクティビティのグループ間で共通のナビゲーション ドロワーを再利用する最も簡単な方法

app_base_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout
    android:id="@+id/drawer_layout"
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <FrameLayout
        android:id="@+id/view_stub"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>

    <android.support.design.widget.NavigationView
        android:id="@+id/navigation_view"
        android:layout_width="240dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:menu="@menu/menu_test"
        />
</android.support.v4.widget.DrawerLayout>

AppBaseActivity.java

/*
* This is a simple and easy approach to reuse the same 
* navigation drawer on your other activities. Just create
* a base layout that conains a DrawerLayout, the 
* navigation drawer and a FrameLayout to hold your
* content view. All you have to do is to extend your 
* activities from this class to set that navigation 
* drawer. Happy hacking :)
* P.S: You don't need to declare this Activity in the 
* AndroidManifest.xml. This is just a base class.
*/
import android.content.Intent;
import android.content.res.Configuration;
import android.os.Bundle;
import android.support.design.widget.NavigationView;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;

public abstract class AppBaseActivity extends AppCompatActivity implements MenuItem.OnMenuItemClickListener {
    private FrameLayout view_stub; //This is the framelayout to keep your content view
    private NavigationView navigation_view; // The new navigation view from Android Design Library. Can inflate menu resources. Easy
    private DrawerLayout mDrawerLayout;
    private ActionBarDrawerToggle mDrawerToggle;
    private Menu drawerMenu;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.setContentView(R.layout.app_base_layout);// The base layout that contains your navigation drawer.
        view_stub = (FrameLayout) findViewById(R.id.view_stub);
        navigation_view = (NavigationView) findViewById(R.id.navigation_view);
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, 0, 0);
        mDrawerLayout.setDrawerListener(mDrawerToggle);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);

        drawerMenu = navigation_view.getMenu();
        for(int i = 0; i < drawerMenu.size(); i++) {
          drawerMenu.getItem(i).setOnMenuItemClickListener(this);
        }
        // and so on...
    }

    @Override
    protected void onPostCreate(Bundle savedInstanceState) {
        super.onPostCreate(savedInstanceState);
        mDrawerToggle.syncState();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        mDrawerToggle.onConfigurationChanged(newConfig);
    }

    /* Override all setContentView methods to put the content view to the FrameLayout view_stub
     * so that, we can make other activity implementations looks like normal activity subclasses.
     */
    @Override
    public void setContentView(int layoutResID) {
        if (view_stub != null) {
            LayoutInflater inflater = (LayoutInflater) getSystemService(LAYOUT_INFLATER_SERVICE);
            ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.MATCH_PARENT);
            View stubView = inflater.inflate(layoutResID, view_stub, false);
            view_stub.addView(stubView, lp);
        }
    }

    @Override
    public void setContentView(View view) {
        if (view_stub != null) {
            ViewGroup.LayoutParams lp = new ViewGroup.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT,
                    ViewGroup.LayoutParams.MATCH_PARENT);
            view_stub.addView(view, lp);
        }
    }

    @Override
    public void setContentView(View view, ViewGroup.LayoutParams params) {
        if (view_stub != null) {
            view_stub.addView(view, params);
        }
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Pass the event to ActionBarDrawerToggle, if it returns
        // true, then it has handled the app icon touch event
        if (mDrawerToggle.onOptionsItemSelected(item)) {
            return true;
        }
        // Handle your other action bar items...

        return super.onOptionsItemSelected(item);
    }

    @Override
    public boolean onMenuItemClick(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.item1:
                // handle it
                break;
            case R.id.item2:
                // do whatever
                break;
            // and so on...
        }
        return false;
    }
}

Answer 3

元のポスターが求めていることを実行しようとしている他の人は、代わりにケビンが言った方法でフラグメントを使用することを検討してください. これを行う方法に関する優れたチュートリアルを次に示します。

https://github.com/codepath/android_guides/wiki/Fragment-Navigation-Drawer

フラグメントの代わりにアクティビティを使用することを選択した場合、新しいアクティビティに移動するたびにナビゲーション ドロワーが再作成されるという問題が発生します。これにより、毎回ナビゲーション ドロワーのレンダリングが遅くなります。

Answer 4

私の提案は次のとおりです。アクティビティをまったく使用せず、代わりにフラグメントを使用し、最初のフラグメントを表示するコンテナー (線形レイアウトなど) でそれらを置き換えます。

コードは Android Developer Tutorials で入手できます。カスタマイズするだけです。

http://developer.android.com/training/implementing-navigation/nav-drawer.html

アプリケーションでより多くのフラグメントを使用することをお勧めします。アプリケーションにローカルな基本的なアクティビティは 4 つだけにする必要があります。これは、外部のもの (FacebookActivity など) とは別に AndroidManifest.xml で言及する必要があります。

1. SplashActivity: フラグメントを使用せず、FullScreen テーマを使用します。

2. LoginSignUpActivity: NavigationDrawer をまったく必要とせず、戻るボタンも必要ないため、通常のツールバーを使用するだけですが、少なくとも 3 つまたは 4 つのフラグメントが必要になります。アクションバーのないテーマを使用

3. HomeActivity または DashBoard アクティビティ: アクション バーのないテーマを使用します。ここでは、ナビゲーション ドロワーが必要です。また、後続のすべての画面は、共有ドロワーを使用して、リーフ ビューまでフラグメントまたはネストされたフラグメントになります。すべての設定、ユーザー プロファイルなどは、このアクティビティで断片としてここに表示されます。ここのフラグメントはバック スタックに追加されず、ドロワー メニュー項目から開かれます。引き出しの代わりに戻るボタンが必要なフラグメントの場合、以下の 4 番目の種類のアクティビティがあります。

4. 引き出しのないアクティビティ。このアクティビティには上部に戻るボタンがあり、内部のフラグメントは同じアクション バーを共有します。ナビゲーション履歴があるため、これらのフラグメントはバックスタックに追加されます。

[詳細なガイダンスについては、https ://stackoverflow.com/a/51100507/787399 を参照してください]

ハッピーコーディング!!

Answer 5

@Kevin van Mierlo の回答により、複数の引き出しを実装することもできます。たとえば、左側 (開始) にある既定のメニューと、確定フラグメントが読み込まれたときにのみ表示される、右側にある追加のオプション メニューです。

私はそれをすることができました。

Answer 6

baseactivity でこのコードを更新します。アクティビティ xml に drawer_list_header を含めることを忘れないでください。

super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_ACTION_BAR_OVERLAY);
setContentView(R.layout.drawer_list_header);

アクティビティで request() を使用しないでください。しかし、画像をクリックしてもドロワーは表示されず、ドラッグするとリスト項目なしで表示されます。私はたくさん試しましたが、成功しませんでした。そのためにはトレーニングが必要です...

Answer 7

フラグメントを使用して MainActivity にナビゲーション ドロワーを作成します。 同じナビゲーション ドロワーを使用する他のすべてのアクティビティ
で MainActivity のナビゲーション ドロワーを初期化し、 DrawerLayout をベースとして配置し、フラグメントをナビゲーション ドロワーとして配置します。
フラグメント Java ファイルを指すフラグメントに android:name を設定するだけです。他のアクティビティでフラグメントを初期化する必要はありません。
Google Play ストア アプリなどの他のアクティビティでスワイプしてナビ ドロワーにアクセスできます