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

我想使用 ToolBar而不是 ActionBar,但不显示我的菜单在工具栏! ! !我想设置菜单,如 刷新设置按钮在 ActionBar

enter image description here

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

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

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

227852 次浏览

像这样在 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;
}

您需要在活动中覆盖此代码:

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

您还需要这个,以实现一些操作的每个选项的菜单。

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

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

将更新这个答案的 为什么部分,当我找到一个适当的解释。

在活动中重写此方法。

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

这里有一个更全面的答案,作为未来访问者的参考。我通常使用 支持工具栏支持工具栏,但它的工作方式一样好。

enter image description here

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. 给菜单充气

在活动中添加以下方法。

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

3. 处理菜单点击

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

@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 中设置菜单到工具栏

我的建议是始终使用 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>
  1. Toolbar不是一个独立的实体,它始终是一个子实体 在 AppBarLayout的观点,再次是孩子 CoordinatorLayout.
  2. 创建菜单的代码从一开始就是标准代码, 在所有的答案中反复出现,特别是 被标记的那个,但是没有人意识到有什么不同。

两者:

工具栏工具栏 = findViewById (R.id.Toolbar) ; SetSupportActionBar (工具栏) ;

还有:

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

会有用的。

快乐编码: -)

在我的例子中,我使用的是带有 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>

这个问题的简单解决方法是在 res/menu 中将 menu.xml中的 showAsAction设置为 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>
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/layp/盛放物品的抽屉 _ 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>

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>

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

在 XML 中在内部添加一行

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

即使使用 setSupportActionBar (工具栏) ,您仍然可以使用 使用 Toolbar.flateMenu 提供的答案

我有一个场景,我必须将工具栏设置功能移动到活动之外的一个单独的类中,这个类本身并不知道 CreateOptionsMenu 上的事件。

因此,要实现这一点,我所要做的就是等待工具栏被绘制出来,然后通过执行以下操作来调用充气菜单:

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

可能不是很干净,但还是能完成任务。

您可以通过两种方法来实现这一点

  1. 使用 XML
  2. 用咖啡

使用 XML 将此属性添加到工具栏 XML App: menu = “ menu _ name”

用咖啡 通过重写 onCreateOptionMenu (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/

第一种方式 : 在 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;

Inside onCreate 方法-

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

在你的主要活动类-

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

不使用 ActionBar 但使用工具栏

如果你想使用一个工具栏而不是 ActionBar,对于 setSupportActionBar来说原则上是矛盾的,@RohitSingh 回答 以上

您既不需要使用 setSupportActionBar,也不需要覆盖用于 ActionBar 的 onCreateOptionsMenuonOptionsItemSelected

  1. NoActionBar主题曲
  2. 在布局 xml 中放置一个工具栏
  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" />

准备一个 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. 工具栏 # 膨胀菜单

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

5. 工具栏 # setOnMenuItemClickListener

最近的 Android 建议避免使用 switch来区分 id。使用一个正常的 if ~ else if ~ else块是可取的。除此之外,我们还可以在 Java8中使用 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;
}
});

您实际上根本不需要触摸片段/活动类就可以在工具栏中获得菜单。您可以在 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" ?>