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


206

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

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

このAnswer Android Navigation Drawerで最初に読んだのは 、複数のアクティビティ

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

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

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

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

  public class SampleActivity extends NavigationDrawer {...}

何を変えればいいのか分からない…


1
ここで例を見つけることができます。
Naddy、2014

1
:あなたはから見つけることができますstackoverflow.com/questions/33009469/...
varotariya vajsi

回答:


188

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

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で述べたように、そこでBaseActivityオーバーライドsetContentView()してonCreateDrawerを呼び出すこともできます。

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

7
フラグメントではなくアクティビティを使用するのではなく、すべて同じナビゲーションドロワーを使用する別のアクティビティを使用したいだけです。スワイプビュー、マップビューなどのさまざまな種類のレイアウトを使用できるため、アクティビティが必要です
MEX

135
アクティビティが1つしかないというのは、かなり複雑なアプリにとっては大変な作業です。アクティビティを使用すると、システムから多くの無料のものが得られます。そのため、複数のアクティビティを使用する方法は有効なポイントです。任意の数のフラグメントの組み合わせ間の通信を処理する1つのアクティビティを想像することはできません-それはうまくいきません。
スロット、2013年

1
返事に時間がかかってごめんなさい。回答を編集しました。これはあなたが探していたチュートリアルだと思います。お役に立てれば。
Kevin van Mierlo、

2
@KevinvanMierloは、あなたが何を意味しているのか教えてもらえますか?R.id.drawer_layoutは、まったく同じIDを持つすべてのアクティビティにある必要があります。..私はあなたがここで語ら正確に何をしたと私はこのBaseActivityを拡張して活動するのonCreate()メソッドでNullPointerExceptionが取得するので
Loolooii

1
@KevinvanMierloところで、私はあなたがこれらの2行を忘れたと思いますか?super.onCreate(savedInstanceState); setContentView(R.layout.activity_base);
Loolooii 2014

34

最良の実装を見つけました。それは GoogleのI / O 2014のアプリ。

彼らはケビンと同じアプローチを使用しています。I / Oアプリのすべての不要なものから自分自身を抽象化できれば、必要なものをすべて抽出でき、ナビゲーションドロワーパターンの正しい使用法であることがGoogleによって保証されます。各アクティビティには、オプションでDrawerLayoutメインレイアウトとしてがあります。興味深い部分は、他の画面へのナビゲーションがどのように行われるかです。これは次のBaseActivityように実装されています。

private void goToNavDrawerItem(int item) {
        Intent intent;
        switch (item) {
            case NAVDRAWER_ITEM_MY_SCHEDULE:
                intent = new Intent(this, MyScheduleActivity.class);
                startActivity(intent);
                finish();
                break;

これは、現在のフラグメントをフラグメントトランザクションで置き換える一般的な方法とは異なります。しかし、ユーザーは視覚的な違いに気付きません。


これ^彼らがどのように新しい活動を始めるのか理解できず、完璧に機能します。それは取り組むべき大きなアプリです。
hitch.united 2015

@ hitch.unitedそれはそれらが多くのフラグメントとほんのいくつかのアクティビティを使用するためです。
Joaquin Iurchuk、2015

@ hitch.unitedこれらはおそらくでアクティビティのアニメーションをオーバーライドしますoverridePendingTransitions
EpicPandaForce

アクティビティをサブクラス化するのではなくフラグメントを読み込んでいますか?
Vikas Pandey 2017

ここでは2014年10月からのファイルがあります:github.com/google/iosched/blob/...
denvercoder9は

8

したがって、この回答は数年遅れますが、誰かが感謝するかもしれません。Androidでは、1つのナビゲーションドロワーを複数のアクティビティで簡​​単に使用できるようにする新しいウィジェットを提供しています。

android.support.design.widget.NavigationViewはモジュール式であり、メニューフォルダーに独自のレイアウトがあります。これを使用する方法は、xmlレイアウトを次のようにラップすることです。

  1. ルートレイアウトは、2つの子を含む<include ... />android.support.v4.widget.DrawerLayoutです。ラップされるレイアウト(2を参照)とandroid.support.design.widget.NavigationViewです。

    <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="start">
    
    <include
        layout="@layout/app_bar_main"
        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="start"
        android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

nav_header_mainは、Navigation Drawarのヘッダーに対して、orientation = verticalの単なるLinearLayoutです。

activity_main_drawerは、res / menuディレクトリにあるメニューxmlです。選択したアイテムやグループを含めることができます。AndroidStudio Galleryを使用する場合、ウィザードは基本的なものを作成し、オプションを確認できます。

  1. アプリバーのレイアウトは通常android.support.design.widget.CoordinatorLayoutになり、これには2つの子が含まれます:android.support.design.widget.AppBarLayout(android.support.v7.widget.Toolbarを含む)と<include ... >for実際のコンテンツ(3を参照)。

    <android.support.design.widget.CoordinatorLayout
        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:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="yourpackage.MainActivity">
    
     <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">
    
        <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>
    
    <include layout="@layout/content_main" />

  2. コンテンツレイアウトは任意のレイアウトにすることができます。これは、アクティビティのメインコンテンツを含むレイアウトです(ナビゲーションドロワーやアプリバーは含まれません)。

さて、これらすべての素晴らしい点は、これらの2つのレイアウトで各アクティビティをラップできることですが、NavigationView(ステップ1を参照)が常にactivity_main_drawer(またはその他)を指すようにすることです。つまり、すべてのアクティビティで同じ(*)ナビゲーションドロワーが使用されます。

  • それらはNavigationView の同じインスタンスにはなりませんが、公平を期すために、上で概説したBaseActivityソリューションを使用しても不可能でした。

stackoverflowは囲んでいるxmlブラケットの一部を切り捨てていますが、重要なものはすべてそこにあります。
jwehrle 2017年

しかし、機能をボタンのようにどのように扱いますか?すべてのアクティビティで同じコードを記述する必要がありますか?
Laur89

はい、これらは別個のインスタンスであるためです。ただし、アクティビティのスーパークラスを作成して、そのコードを拡張して1回そこに配置することができます。
jwehrle

@jwehrle私たちの活動のためのスーパークラスを作ることについての例を書くことができますか?
CDrosos

パブリック抽象クラスMyBaseActivity extends AppCompatActivity implements NavigationView.OnNavigationItemSelectedListener {//以下を実装します:public boolean onNavigationItemSelected(@NonNull MenuItem item)をオーバーライドします{}}パブリッククラスMyActivity extends MyBaseActivity {}
jwehrle

7

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

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

この基本アクティビティを使用するアクティビティの例を提供できますか?
CDrosos

これに関する詳細を実際に覚えることはできません。拡張AppBaseActivity してsetContentViewindデフォルトの方法でうまくいくはずです。
Levon Petrosyan

6

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

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

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


5

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

コードはAndroidデベロッパーチュートリアルで利用できます。カスタマイズするだけです。

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

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

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

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

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

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

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

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


これは古い投稿です。フラグメントを使用して、常に1つのアクティビティが存在することを確認できます。専用の1つのコンテナーでフラグメントを置換し続けます。逆方向のナビゲーションが必要な場合はバックスタックに入れ、最初のフラグメントとして表示するフラグメントが必要な場合はすべてのフラグメントをポップします。
Abhinav Saxena

@ Cabuxa.Mapacheさらに回答が必要な場合は、私の回答へのリンクを確認してください。私は、共通のBaseActivityを取得しました。これは、ActionBar ToolBarとNavigatonDrawer、およびそれに接続されているすべてのフラグメント内の他のコンポーネントの共有に役立ちます。
Abhinav Saxena

1

baseactivityでこのコードを更新します。アクティビティxmlにドロワーリストヘッダーを含めることを忘れないでください。

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

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


1

@Kevin van Mierloの答えにより、複数の引き出しを実装することもできます。たとえば、左側(開始)にあるデフォルトのメニューと右側にあるオプションのメニューは、確定フラグメントがロードされている場合にのみ表示されます。

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


1
package xxxxxx;



import android.app.SearchManager;
import android.content.Context;
import android.content.Intent;
import android.widget.SearchView;
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.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;


public class loginhome extends AppCompatActivity {
    private Toolbar toolbar;
    private NavigationView navigationView;
    private DrawerLayout drawerLayout;

    // Make sure to be using android.support.v7.app.ActionBarDrawerToggle version.
    // The android.support.v4.app.ActionBarDrawerToggle has been deprecated.
    private ActionBarDrawerToggle drawerToggle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.loginhome);

        // Initializing Toolbar and setting it as the actionbar
        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);


        //Initializing NavigationView


        navigationView = (NavigationView) findViewById(R.id.nav_view);

        //Setting Navigation View Item Selected Listener to handle the item click of the navigation menu
        navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {

            // This method will trigger on item Click of navigation menu

            public boolean onNavigationItemSelected(MenuItem menuItem) {


                //Checking if the item is in checked state or not, if not make it in checked state
                if(menuItem.isChecked()) menuItem.setChecked(false);
                else menuItem.setChecked(true);

                //Closing drawer on item click
                drawerLayout.closeDrawers();

                //Check to see which item was being clicked and perform appropriate action
                switch (menuItem.getItemId()){


                    //Replacing the main content with ContentFragment Which is our Inbox View;
                    case R.id.nav_first_fragment:
                        Toast.makeText(getApplicationContext(),"First fragment",Toast.LENGTH_SHORT).show();
                         FirstFragment fragment = new FirstFragment();
                        android.support.v4.app.FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
                        fragmentTransaction.replace(R.id.frame,fragment);
                        fragmentTransaction.commit();
                        return true;

                    // For rest of the options we just show a toast on click
                    case R.id.nav_second_fragment:
                        Toast.makeText(getApplicationContext(),"Second fragment",Toast.LENGTH_SHORT).show();
                        SecondFragment fragment2 = new SecondFragment();
                        android.support.v4.app.FragmentTransaction fragmentTransaction2 = getSupportFragmentManager().beginTransaction();
                        fragmentTransaction2.replace(R.id.frame,fragment2);
                        fragmentTransaction2.commit();
                        return true;

                    default:
                        Toast.makeText(getApplicationContext(),"Somethings Wrong",Toast.LENGTH_SHORT).show();
                        return true;

                }
            }
        });

        // Initializing Drawer Layout and ActionBarToggle
        drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        ActionBarDrawerToggle actionBarDrawerToggle = new ActionBarDrawerToggle(this,drawerLayout,toolbar,R.string.drawer_open, R.string.drawer_close){

            @Override
            public void onDrawerClosed(View drawerView) {
                // Code here will be triggered once the drawer closes as we dont want anything to happen so we leave this blank
                super.onDrawerClosed(drawerView);
            }

            @Override
            public void onDrawerOpened(View drawerView) {
                // Code here will be triggered once the drawer open as we dont want anything to happen so we leave this blank

                super.onDrawerOpened(drawerView);
            }
        };

        //Setting the actionbarToggle to drawer layout
        drawerLayout.setDrawerListener(actionBarDrawerToggle);

        //calling sync state is necessay or else your hamburger icon wont show up
        actionBarDrawerToggle.syncState();







    }

これをtoolbar.xmlに使用します

<?xml version="1.0" encoding="utf-8"?>

    <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimary"
        android:elevation="4dp"
        android:id="@+id/toolbar"
        android:theme="@style/ThemeOverlay.AppCompat.Dark"


        >

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

使用する場合は、これをナビゲーションヘッダーに使用します

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="192dp"
    android:background="?attr/colorPrimaryDark"
    android:padding="16dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark"
    android:orientation="vertical"
    android:gravity="bottom">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="56dp"
        android:id="@+id/navhead"
        android:orientation="vertical"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true">

        <TextView
            android:id="@+id/name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="16dp"
            android:textColor="#ffffff"
            android:text="tanya"
            android:textSize="14sp"
            android:textStyle="bold"

            />

        <TextView
            android:id="@+id/email"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#ffffff"
            android:layout_marginLeft="16dp"
            android:layout_marginTop="5dp"
            android:text="tanya.com"
            android:textSize="14sp"
            android:textStyle="normal"

            />
    </LinearLayout>
    <de.hdodenhof.circleimageview.CircleImageView
        android:layout_width="70dp"
        android:layout_height="70dp"
        android:layout_below="@+id/imageView"
        android:layout_marginTop="15dp"

        android:src="@drawable/face"
        android:id="@+id/circleView"
        />



</RelativeLayout>

1

Kotlinでは次のようにします。

open class BaseAppCompatActivity : AppCompatActivity(), NavigationView.OnNavigationItemSelectedListener {

protected lateinit var drawerLayout: DrawerLayout
protected lateinit var navigationView: NavigationView
@Inject
lateinit var loginService: LoginService

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    Log.d("BaseAppCompatActivity", "onCreate()")
    App.getComponent().inject(this)
    drawerLayout = findViewById(R.id.drawer_layout) as DrawerLayout

    val toolbar = findViewById(R.id.toolbar) as Toolbar
    setSupportActionBar(toolbar)

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

    val toggle = ActionBarDrawerToggle(this, drawerLayout, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close)

    drawerLayout.addDrawerListener(toggle)
    toggle.syncState()
    toggle.isDrawerIndicatorEnabled = true

    val navigationViewHeaderView = navigationView.getHeaderView(0)
    navigationViewHeaderView.login_txt.text = SharedKey.username
}
private inline fun <reified T: Activity> launch():Boolean{
    if(this is T) return closeDrawer()
    val intent = Intent(applicationContext, T::class.java)
    startActivity(intent)
    finish()
    return true
}

private fun closeDrawer(): Boolean {
    drawerLayout.closeDrawer(GravityCompat.START)
    return true
}
override fun onNavigationItemSelected(item: MenuItem): Boolean {
    val id = item.itemId

    when (id) {
        R.id.action_tasks -> {
            return launch<TasksActivity>()
        }
        R.id.action_contacts -> {
            return launch<ContactActivity>()
        }
        R.id.action_logout -> {
            createExitDialog(loginService, this)
        }
    }
    return false
}
}

引き出しのアクティビティはこれを継承しBaseAppCompatActivitysuper.onCreateコンテンツが設定された後に呼び出し(実際には、いくつかのinitメソッドに移動できます)、レイアウトにIDに対応する要素が必要です


私はあなたの解決策を試してみたかったのですが、「このアクティビティにはすでにウィンドウ装飾によって提供されたアクションバーがあります」というエラーが表示されます。3つのアクティビティを切り替えたいのですが、お互いに独自のアプリバーがあります。それは可能だと思いますか?
davoid

その場合は、アクションバーをフラグメントに移動する必要があると思います。私たちのアプリでは、私が覚えている限り、NoActionBarテーマを使用し、互換性のためにツールバーを提供しました。
Pavlus

@Pavlus 2番目のアクティビティでコードはどのように見えますか?クラスtrackActivity:BaseAppCompatActivity(){?
Craig P

0

私の答えは、ソースコードのない概念的なものです。私のような読者にとっては、理解するのに役立つかもしれません。

それはあなたのアプリをどのように構築するかについてのあなたの最初のアプローチに依存します。基本的に2つの方法があります。

  1. 1つのアクティビティ(基本アクティビティ)を作成すると、他のすべてのビューと画面はフラグメントになります。その基本アクティビティには、ドロワーおよびコーディネーターレイアウトの実装が含まれています。自己完結型の小さなフラグメントを使用すると、アプリの開発がより簡単でスムーズになるため、これは実際に私の好みの方法です。

  2. 画面ごとに1つずつアクティビティを使用してアプリ開発を開始した場合は、おそらくベースアクティビティを作成し、他のすべてのアクティビティはそこから拡張されます。基本アクティビティーには、ドロワーおよびコーディネーター実装のコードが含まれます。ドロワーの実装が必要なアクティビティは、基本アクティビティから拡張できます。

個人的には、組織化せずにフラグメントとアクティビティを混在させて使用しないことをお勧めします。これにより、開発がより困難になり、最終的に行き詰まります。実行した場合は、コードをリファクタリングします。


-1

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

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.