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

Question

我想使用ToolBar代替ActionBar，但是不要在工具栏中显示菜单!!! 我希望在ActionBar中设置菜单，例如刷新或设置按钮。

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>

如何解决这个问题并在工具栏中显示菜单？谢谢大家！<3

- Dr.NoBody

---

您可以在此处查看：https://dev59.com/Nl0Z5IYBdhLWcg3wpRlW - Chol

并且最好从谷歌获取：http://developer.android.com/training/appbar/setting-up.html - Chol

这就是我所缺少的：toolbar.inflateMenu(R.menu.main_manu); - skryshtafovych

相关帖子 - 如何在Android中的ToolBar中添加刷新和搜索等按钮？ - RBT

尝试使用Android Studio创建一个新的应用程序并检查它。ToolBar不应该是一个独立的实体。 - Abhinav Saxena

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

- Keyur Lakhani

Answer 2

不要使用 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;
    }
});

当我找到一个合适的解释时，将会更新这个答案中的为什么部分。

- Rohit Singh

---

你的回答让我担心，但它并没有解释为什么我不应该使用它。 - Richard Rout

请问您需要的翻译是：你应该解释一下为什么不使用 setSupportActionBar(toolbar)，而不仅仅是说哪种方法适用于你。 - Vinicius Victor

这是我唯一成功的方式。我正在使用具有自定义工具栏的Xamarin.Android。 - Washington A. Ramos

我会进一步了解并更新答案@AbhinavSaxena。好的建议。 - Rohit Singh

对我来说，这样做的好处是我不再需要将我的工具栏与支持ActionBar绑定在我的单个活动（但有许多碎片）应用程序中，这要求进行各种烦人的黑客攻击，以使应用程序看起来和行为良好。 - mtrewartha

Answer 3

这是一份更详细的答案，供以后的访问者参考。我通常使用支持工具栏，但无论哪种方式都可以正常工作。

1. 创建一个菜单 XML

该文件应位于 res/menu/main_menu 目录下。

• 右键点击 res 文件夹，选择 New > Android Resource File。
• 为文件命名为 main_menu。
• 选择资源类型为菜单（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. 展开菜单

在你的活动中添加以下方法。

@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 菜单文档

- Suragch

---

感谢您实际展示了所有必要的组件，而不仅仅是两行代码。 - Big_Chair

Answer 4

您需要在您的Activity中覆盖(override)此代码：

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

- Parth Anjaria

Answer 5

第一种方式： 在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类中-

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

- Bishal Maji

Answer 6

你仍然可以在使用 setSupportActionBar(toolbar) 的同时使用 Toolbar.inflateMenu 提供的答案。

我有一个场景，需要将工具栏设置功能移动到活动之外的单独类中，该类本身不知道 onCreateOptionsMenu 事件。

所以，为了实现这一点，我只需要在调用 inflateMenu 之前等待 Toolbar 被绘制，方法如下：

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

可能不算非常干净，但仍然可以完成工作。

- Mohib Irshad

---

谢谢，伙计。用这个可运行的代码成功了。 - Narender Gusain

Answer 7

您需要这个，以实现对菜单中每个选项执行某些操作。

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

- Liliana J

Answer 8

使用 Toolbar 但不使用 ActionBar

如果你想使用 Toolbar 而非 ActionBar，在代码中调用 setSupportActionBar 就是和 @RohitSingh 在这里所回答的原则相违背了。

你既不需要使用 setSupportActionBar，也不需要重写为 ActionBar 准备的 onCreateOptionsMenu 和 onOptionsItemSelected 方法。

1. 使用无 ActionBar 的主题（NoActionBar）
2. 在布局 xml 文件中放置一个 Toolbar
3. 准备一个菜单的 xml 文件
4. 使用 Toolbar#inflateMenu 加载菜单（或者你也可以在布局 xml 中设置菜单）
5. 使用 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;
    }
});

- hata

Answer 9

在XML中，在</>内添加一行：

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

在java文件中，删除三行代码：setSupportActionBar(toolbar); if (getSupportActionBar() != null) { getSupportActionBar().setTitle("Main Page"); }

添加一行代码：toolbar.setTitle("Main Page")

- bhanwar

Answer 10

虽然我同意这个答案，因为它有更少的代码行并且能够工作：

如何将菜单设置为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> 

由于在AndroidManifest.xml中应用了styles.xml中未声明的no action bar主题到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>

1. Toolbar不是独立的实体，它总是作为AppBarLayout的子视图存在，而AppBarLayout则是CoordinatorLayout的子视图。
2. 创建菜单的代码是从一开始就使用的标准代码，这在所有答案中都反复出现，特别是被标记的答案，但没有人意识到其中的区别。

两者均可：

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

和:

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

都可以使用。

Happy Coding :-)

- Abhinav Saxena