如何在 Android 中将菜单设置为工具栏

Question

我想使用 ToolBar 而不是 ActionBar，但不要在工具栏中显示菜单！！！我想要在 ActionBar.

中设置菜单，例如 Refresh 或 Setting 按钮

Toolbar.xml代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize"
    app:navigationContentDescription="@string/abc_action_bar_up_description"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:title="Main Page"
    android:gravity="center"/>

MainPage.java代码：

public class MainPage extends AppCompatActivity {
    private Toolbar toolbar;

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

        toolbar = (Toolbar) findViewById(R.id.main_toolbar);
        setSupportActionBar(toolbar);
        if (getSupportActionBar() != null) {
            getSupportActionBar().setTitle("Main Page");
        }
        toolbar.setSubtitle("Test Subtitle");
        toolbar.inflateMenu(R.menu.main_menu);
    }
}

main_menu.xml代码：

<?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/menu_main_setting"
        android:icon="@drawable/ic_settings"
        android:orderInCategory="100"
        app:showAsAction="always"
        android:actionLayout="@layout/toolbar"
        android:title="Setting" />

    <item
        android:id="@+id/menu_main_setting2"
        android:icon="@drawable/ic_settings"
        android:orderInCategory="200"
        app:showAsAction="always"
        android:actionLayout="@layout/toolbar"
        android:title="Setting" />

</menu>

如何解决此问题并在 Toolbar 中显示菜单？谢谢所有亲爱的<3

Answer 1

只需在 MainPage.java

中覆盖 onCreateOptionsMenu

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main_menu, menu);
    return true;
}

Answer 2

您需要在 Activity:

中覆盖此代码

@Override
public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu, this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main2, menu);
    return true;
}

并像这样设置工具栏：

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);

Answer 3

你也需要这个，对菜单的每个选项执行一些操作。

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        case R.id.menu_help:
            Toast.makeText(this, "This is teh option help", Toast.LENGTH_LONG).show();
            break;
        default:
            break;
    }
    return true;
}

Answer 4

不要使用 `setSupportActionBar(toolbar)`

我不知道为什么，但这对我有用。

toolbar = (Toolbar) findViewById(R.id.main_toolbar);
toolbar.setSubtitle("Test Subtitle");
toolbar.inflateMenu(R.menu.main_menu);

点击菜单项：

toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
    @Override
    public boolean onMenuItemClick(MenuItem item) {
        if (item.getItemId() == R.id.item1) {
            // do something
        } else if (item.getItemId() == R.id.filter) {
            // do something
        } else {
            // do something
        }

        return false;
    }
});

当我找到合适的解释时，将更新此答案的原因部分。

Answer 5

在您的 activity 中覆盖此方法。

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

这将使您的菜单膨胀如下：

 <?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/menu_main_setting"
            android:icon="@drawable/ic_settings"
            android:orderInCategory="100"
            app:showAsAction="always"
            android:actionLayout="@layout/toolbar"
            android:title="Setting" />

        <item
            android:id="@+id/menu_main_setting2"
            android:icon="@drawable/ic_settings"
            android:orderInCategory="200"
            app:showAsAction="always"
            android:actionLayout="@layout/toolbar"
            android:title="Setting" />

    </menu>

Answer 6

这里有一个更完整的答案，供以后的访问者参考。我通常使用，但无论哪种方式，它的效果都一样。

1。做一个菜单xml

这将在 res/menu/main_menu。

右键单击 res 文件夹并选择 新建 > Android 资源文件.
键入 main_menu 作为文件名。
为资源类型选择菜单。

粘贴以下内容作为开始。

<?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_add"
        android:icon="@drawable/ic_add"
        app:showAsAction="ifRoom"
        android:title="Add">
    </item>
    <item
        android:id="@+id/action_settings"
        app:showAsAction="never"
        android:title="Settings">
    </item>
</menu>

您可以右键单击 res 并选择 新图像资源 以创建 ic_add 图标。

2。展开菜单

在您的 activity 中添加以下方法。

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

3。处理菜单点击

同样在您的 Activity 中添加以下方法：

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    // Handle item selection
    switch (item.getItemId()) {
        case R.id.action_add:
            addSomething();
            return true;
        case R.id.action_settings:
            startSettings();
            return true;
        default:
            return super.onOptionsItemSelected(item);
    }
}

进一步阅读

Android Menu Documentation

Answer 7

尽管我同意这个答案，因为它的代码行数更少而且有效：

如何在 Android 中将菜单设置为工具栏

我的建议是始终使用 Android Studio 向导启动任何项目。在该代码中，您会发现一些样式：-

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

用法是：

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

由于在styles.xml声明的no action bar theme，即应用于AndroidManifest.xml中的Main Activity，没有例外，所以你必须在那里检查。

<activity android:name=".MainActivity" android:screenOrientation="portrait"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>

Toolbar不是一个独立的实体，它永远是一个child 在 AppBarLayout 中查看又是 child CoordinatorLayout.
创建菜单的代码从第一天开始就是标准代码，在所有答案中一次又一次地重复，特别是标记的，但没有人意识到有什么区别。

两个：

Toolbar toolbar = findViewById(R.id.toolbar); setSupportActionBar(toolbar);

并且：

如何在 Android 中将菜单设置为工具栏

会起作用。

快乐编码:-)

Answer 8

在我的例子中，我使用的是带有 CollapsingToolbarLayout 的 AppBarLayout，菜单总是被滚出屏幕，我通过将菜单 XML 中的 android:actionLayout 切换到工具栏的 ID。希望能帮到有同样情况的人！

activity_main.xml

<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:fab="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=".activities.MainScreenActivity"
    android:screenOrientation="portrait">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="300dp"
        app:elevation="0dp"
        android:theme="@style/AppTheme.AppBarOverlay">
        <android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsingBar"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_scrollFlags="exitUntilCollapsed|scroll"
            app:contentScrim="?attr/colorPrimary"
            app:expandedTitleMarginStart="48dp"
            app:expandedTitleMarginEnd="48dp"
            >
            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="?attr/colorPrimary"
                app:elevation="0dp"
                app:popupTheme="@style/AppTheme.PopupOverlay"
                app:layout_collapseMode="pin"/>
        </android.support.design.widget.CollapsingToolbarLayout>


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

main_menu.xml

<?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/logoutMenu"
        android:orderInCategory="100"
        android:title="@string/log_out"
        app:showAsAction="never"
        android:actionLayout="@id/toolbar"/>
    <item
        android:id="@+id/sortMenu"
        android:orderInCategory="100"
        android:title="@string/sort"
        app:showAsAction="never"/> </menu>

Answer 9

对此的简单修复是在 res/menu

中将 showAsAction 中的 menu.xml 设置为 always

<?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/add_alarm"
        android:icon="@drawable/ic_action_name"
        android:orderInCategory="100"
        android:title="Add"
        app:showAsAction="always"
        android:visible="true"/>

</menu>

Answer 10

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar;        
    toolbar = findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);
    getSupportActionBar().setDisplayShowTitleEnabled(false);
  }



    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        MenuInflater inflater = getMenuInflater();
        inflater.inflate(R.menu.menu_drawer,menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id = item.getItemId();
        if (id == R.id.action_drawer){
           drawerLayout.openDrawer(GravityCompat.END);
            if (drawerLayout.isDrawerOpen(GravityCompat.END)) {
                drawerLayout.closeDrawer(GravityCompat.END);
            } else {
                drawerLayout.openDrawer(GravityCompat.END);
            }
        }
        return super.onOptionsItemSelected(item);
    }

res/layout/drawer_menu

<?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_drawer"
        android:title="@string/app_name"
        android:icon="@drawable/ic_menu_black_24dp"
        app:showAsAction="always"/>

</menu>

toolbar.xml

<com.google.android.material.appbar.AppBarLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay">

<androidx.appcompat.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"
    app:titleTextColor="@android:color/white"
    app:titleTextAppearance="@style/TextAppearance.Widget.Event.Toolbar.Title">

     <TextView
         android:id="@+id/toolbar_title"
         android:layout_gravity="center"
         android:layout_height="wrap_content"
         android:layout_width="wrap_content"
         android:text="@string/app_name"
         android:textColor="@android:color/white"
         style="@style/TextAppearance.AppCompat.Widget.ActionBar.Title" />

</androidx.appcompat.widget.Toolbar>

Answer 11

private Toolbar toolbar;

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

    toolbar = (Toolbar) findViewById(R.id.my_toolbar);
    *// here is where you set it to show on the toolbar*
    setSupportActionBar(toolbar);
}

嗯，你需要设置支持操作栏 setSupportActionBar();并传递您的变量，如下所示：setSupportActionBar(toolbar);

Answer 12

在XML里面加一行<Toolbar/>

<com.google.android.material.appbar.MaterialToolbar
app:menu="@menu/main_menu"/>

在 java 文件中，替换为：

 setSupportActionBar(toolbar);
        if (getSupportActionBar() != null) {
            getSupportActionBar().setTitle("Main Page");
        }

有了这个：

toolbar.setTitle("Main Page")

Answer 13

即使在使用 setSupportActionBar(toolbar) 时，您仍然可以使用。

我有一个场景，我不得不将工具栏设置功能移动到 activity 之外的单独 class 中，by-itself 不知道 onCreateOptionsMenu 事件。

因此，要实现这一点，我所要做的就是在通过执行以下操作调用 inflateMenu 之前等待工具栏被绘制：

toolbar.post {
    toolbar.inflateMenu(R.menu.my_menu)
}

可能不是很干净，但仍然可以完成工作。

Answer 14

你可以通过两种方式实现

使用XML
使用java

使用XML 将此属性添加到工具栏 XML app:menu = "menu_name"

使用java 通过重写 onCreateOptionMenu(Menu menu)

public class MainActivity extends AppCompatActivity { 

  private Toolbar toolbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        toolbar = findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
}
@Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.demo_menu,menu);
        return super.onCreateOptionsMenu(menu);
    }
}

有关更多详细信息或实施，请单击菜单阅读本文 https://bedevelopers.tech/android-toolbar-implementation-using-android-studio/

Answer 15

第一种方式：在activitymain.xml

<androidx.appcompat.widget.Toolbar
    android:id="@+id/maintoolbar"
    android:layout_width="match_parent"
    android:layout_height="56dp"/>

在MainActivity.java

import androidx.appcompat.widget.Toolbar;
private Toolbar toolbar;

onCreate 方法内部-

 toolbar=findViewById(R.id.maintoolbar);
        setSupportActionBar(toolbar);

在您的 MainActivity 中 class-

   @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.<your menu xml file name here>,menu);
        return super.onCreateOptionsMenu(menu);
    }

第二种方式 :

 //Remove setSupportActionBar(toolbar) and onCreateOptionmenu.
 toolbar=findViewById(R.id.maintoolbar);
 toolbar.inflateMenu(R.menu.<your menu xml file name here>);

Answer 16

没有 ActionBar 但有 Toolbar

如果你想使用 Toolbar 而不是 ActionBar，setSupportActionBar 原则上是矛盾的，正如@RohitSingh 回答的那样。

您既不需要使用 setSupportActionBar 也不需要覆盖用于 ActionBar 的 onCreateOptionsMenu 和 onOptionsItemSelected。

NoActionBar 主题
在布局中放置一个工具栏 xml
准备菜单xml
Toolbar#inflateMenu（或者你也可以在布局中设置一个菜单xml）
Toolbar#setOnMenuItemClickListener

下面是一个例子。

1. NoActionBar 主题

(MaterialCompolent.DayNight 主题在本示例中使用)

<style name="Theme.AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">

2。在布局中放置一个工具栏

（本例中使用MaterialToobar）

<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.google.android.material.appbar.MaterialToolbar
        android:id="@+id/toolbar"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

3。准备菜单 xml

<menu xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/item1"
        android:title="@string/item1"
        app:showAsAction="ifRoom" />
    <item
        android:id="@+id/item2"
        android:title="@string/item2"
        app:showAsAction="ifRoom" />
</menu>

4.工具栏#inflateMenu

binding.toolbar.inflateMenu(R.menu.main); // binding is a ViewBinding

5.工具栏#setOnMenuItemClickListener

最近Android建议避免使用switch区分id。使用普通的 if ~ else if ~ else 块是可取的。除此之外，我们可以在 Java 8.

中使用 lambda

binding.toolbar.setOnMenuItemClickListener(menuItem -> {
    int itemId = menuItem.getItemId();
    if (itemId == R.id.item1) {
        // do something for item1
        return true;
    } else if (itemId == R.id.item2) {
        // do something for item2
        return true;
    } else {
        // if you do nothing, returning false should be appropriate.
        return false;
    }
});

Answer 17

您实际上根本不需要触摸 fragment/activity class 来获得工具栏内的菜单。您可以在 onViewCreated 方法

中使用 Rohit Singh 的方法

import androidx.appcompat.widget.Toolbar
...
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
    super.onViewCreated(view, savedInstanceState)
    val toolbar = view.findViewById<Toolbar>(R.id.inbox_toolbar)
    toolbar.inflateMenu(R.menu.inbox_menu)
}

或

只需在工具栏中定义一个app:menu元素，

<androidx.appcompat.widget.Toolbar ...
app:menu= "@menu/myMenu" ?>

如何在 Android 中将菜单设置为工具栏

How to set menu to Toolbar in Android

java

android

xml

android-toolbar

android-menu

不要使用 `setSupportActionBar(toolbar)`

1。做一个菜单xml

2。展开菜单

3。处理菜单点击

进一步阅读

没有 ActionBar 但有 Toolbar

如何在 Android 中将菜单设置为工具栏

How to set menu to Toolbar in Android

java

android

xml

android-toolbar

android-menu

不要使用 setSupportActionBar(toolbar)

1。做一个菜单xml

2。展开菜单

3。处理菜单点击

进一步阅读

没有 ActionBar 但有 Toolbar

不要使用 `setSupportActionBar(toolbar)`