Android Toolbar Adding Menu Items for different fragments

Question

I have a toolbar as well as a navigation drawer. When I start my app, the toolbar and navigation drawer are created. When I click items in the navigation drawer, it starts new fragments and keeps the same toolbar. How do I basically add menu items to the toolbar such as search, add, edit when I start specific fragments? I don't want them at the start of the program, but created dynamically. Also, how would I be able to click these buttons and have them start other fragments. I want it so in one fragment, the edit button in the toolbar does a specific thing compared to the edit button in another fragment. Thanks!

Menu_toolbar:

<?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/edit"
    android:orderInCategory="1"
    android:title="Edit"
    app:showAsAction="always"
    android:icon="@drawable/pencil_icon"/>
<item android:id="@+id/add"
    android:orderInCategory="1"
    android:title="Add"
    app:showAsAction="always"
    android:icon="@drawable/plus_icon"/>

Toolbar:

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="55dp"
android:background="#10a1ff"
android:title="Home"
/>

Birmingham

Answer 1

Add similar code to your fragments:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup parent, Bundle savedInstanceState)
{
    View v = inflater.inflate(R.layout.library_fragment, parent, false);
    setHasOptionsMenu(true);
    return v;
}


@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
   inflater.inflate(R.menu.your_menu_xml, menu);
   super.onCreateOptionsMenu(menu, inflater);
}

This way you can customize the menu for your fragments.

Bromoform

This is the correct answer because the call to setHasOptionsMenu(true) is required for the onCreateOptionsMenu method being called in the fragment. – Pacifistic

Remember about calling menu.clear() in onCreateOptionsMenu - otherwise you'll inherit the menu from the parent, too. – Inna

Answer 2

The best way to do it :

1. Find toolbar in Activity and set it as supportActionBar.

Toolbar actionBarToolBar = (Toolbar) findViewById(R.id.my_toobar);
setSupportActionBar(actionBarToolBar);

2. Then It will be a piece of cake to handle option menus for different fragments over a same Activity. Do following things in each fragment as you want:

In OnCreateView Method call

setHasOptionsMenu(true);

And Lastly,

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    inflater.inflate(R.menu.main, menu);
    super.onCreateOptionsMenu(menu, inflater);
}

And to manage menu items click, we have onOptionsItemSelected:

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case R.id.action_search :
            Log.i("item id ", item.getItemId() + "");
        default:
            return super.onOptionsItemSelected(item);
    }
}

Spodumene

Answer 3

This is how to create menu dynamically: http://www.101apps.co.za/index.php/articles/using-toolbars-in-your-apps.html

Edited:

Toolbar actionBarToolBar = (Toolbar) findViewById(R.id.my_toobar);
setSupportActionBar(actionBarToolBar);
actionBarToolBar.setNavigationIcon(R.drawable.icon);
actionBarToolBar.setNavigationContextDescription(getResources().getString(R.string.desc);
actionBarToolBar.setLogo(R.drawable.other_icon);
actionBarToolBar.setLogoDescription(getResources().getString(R.string.other_desc);
actionBarToolBar.inflateMenu(R.menu.fragment_menu);

Grammarian

use actionBarToolbar.setOnMenuItemClickListener() to handle menu item actions. onOptionsItemSelected() does not get called in this situation. – Discerning

given link is no more – Udo

Answer 4

The simplest option is to do

toolbar.inflateMenu(R.menu.fragment_menu);

and for handle click on menu item

toolbar.setOnMenuItemClickListener {
    when (it.itemId) {
        R.id.nav_example -> doThat()
    }
    true
}

Jhelum

clickListener for menu inflated like this: https://mcmap.net/q/205637/-toolbar-inflatemenu-seems-to-do-nothing – Payday

Answer 5

Override onCreateOptionsMenu method in your every fragment.

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    inflater.inflate(R.menu.your_menu_xml, menu);
    super.onCreateOptionsMenu(menu, inflater);
}

Visional

I turned the actionbar off in my manifest, but still shows up in my activity layout above toolbar. How do I get rid of this – Birmingham

@JoeEigi That's werid. You write Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);setSupportActionBar(toolbar); ? – Visional

Answer 6

I solved this issues correctly. My solution is as following code:

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    // Inflate the layout for this fragment
    mRootView = inflater.inflate(R.layout.fragment_order_history, container, false);
    //getActivity().invalidateOptionsMenu();


    setHasOptionsMenu(true);

    return mRootView;
}
@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
    inflater.inflate(R.menu.main, menu);
    super.onCreateOptionsMenu(menu, inflater);
}

Roehm

Yes I showed the menu correctly. But how to hide this menu on fragment close, I mean When we switch to another fragment e.g. from a -> b, the menu of a still visible in toolbar of fragment b. – Invite

use setHasOptionsMenu(false) in onCreateView of fragment b. – Manual

Answer 7

I had the same issue and I wanted to replace the toolbar menu accordingly to the fragment displayed.

The problem I'm now facing is that the menu is added to the previous one.

In order to show only the menu for the fragment, I suggest:

@Override
public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
     menu.clear(); //Empty the old menu
     inflater.inflate(R.menu.menu_fragment1, menu);
     super.onCreateOptionsMenu(menu, inflater);
}

Hope it'll help.

Uphold

just check if menu != null before calling to .clear() – Razid

Answer 8

Below are the steps to show different menu options with different fragments.

Step1: Call setHasOptionsMenu(true)

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
        setHasOptionsMenu(true)
        super.onViewCreated(view, savedInstanceState)

    }

Step2: Inflate your fragment related option menu items.

override fun onCreateOptionsMenu(menu: Menu?, inflater: MenuInflater?) {
    // To clear previously added menu items
    menu?.clear()
    inflater?.inflate(R.menu.your_fragment_menu, menu)
    super.onCreateOptionsMenu(menu, inflater)
}

Loge

Answer 9

Using new MaterialToolbar it's very easy to create an overflow menu and use to:

<com.google.android.material.appbar.MaterialToolbar
        android:id="@+id/toolbar"
        android:layout_width="0dp"
        android:layout_height="?attr/actionBarSize"
        app:navigationIcon="@drawable/ic_menu"
        app:menu="@menu/main_menu"/>

and then in code to set OnCLick Listeners just add this:

toolbar.setOnMenuItemClickListener {
            // .. DO SOMETHING HERE
            false
        }

Rosiarosicrucian

Answer 10

Inside XML add this line

app:menu="@menu/main_menu"

Poverty

Answer 11

This is one way of doing this:

add a "group" to your menu:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android" >

    <group
        android:id="@+id/main_menu_group">
         <item android:id="@+id/done_item"
              android:title="..."
              android:icon="..."
              android:showAsAction="..."/>
    </group>
</menu>

then, add a

Menu menu;

variable to your activity and set it in your override of onCreateOptionsMenu:

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    this.menu = menu;
    // inflate your menu here
}

After, add and use this function to your activity when you'd like to show/hide the menu:

public void showOverflowMenu(boolean showMenu){
    if(menu == null)
        return;
    menu.setGroupVisible(R.id.main_menu_group, showMenu);
}

No one mentioned this method here so here it is. This is a better approach when you don't have many items for each fragment and have the same parent activity. It's taken from this answer.

Eschatology

Answer 12

i had the same problem, what worked for me was this: in my case i have 1 toolbar in the main activity and all fragments will use that toolbar by just adding new menu items to the toolbar

1. set the support action bar in the main activity oncreate method

   MaterialToolbar maintoolbar=findViewById(R.id.topAppBar); setSupportActionBar(maintoolbar);

2. add this in fragment oncreateview

   setHasOptionsMenu(true);

3. override the oncreateoptionsmenu method in your fragment

   @Override public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { inflater.inflate(R.menu.fragmentMenu, menu); super.onCreateOptionsMenu(menu, inflater); }

4. handle options menu clicks in your fragment

   @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case ...: break; default: return super.onOptionsItemSelected(item); } ... }

Kunming