Android中Toolbar或ActionBar菜单不现实icon的解决方案

文章目录

• 关于Android开发中menu的选项菜单不显示icon的问题处理
• 一、普通的`menu`布局
• 二、解决方案

关于Android开发中menu的选项菜单不显示icon的问题处理

在Google的设计理念中，使用频次高的菜单项，可以放在ToolBar或ActionBar中，显示图标或文字。而在弹出的更多选项中，并不会显示出icon，尽管我们已经在menu的layout中配置了android:icon属性。

一、普通的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/location_menu" android:icon="@drawable/location" android:title="@string/str_location" app:showAsAction="always" />
	<item android:id="@+id/map_menu" android:icon="@drawable/earth" android:title="@string/str_map" app:showAsAction="always|withText" />
	<item android:id="@+id/share_menu" android:icon="@drawable/share" android:title="@string/str_share" app:showAsAction="withText" />
	<item android:id="@+id/feedback_menu" android:icon="@drawable/feedback" android:title="@string/str_feedback" />
	<item android:id="@+id/about_menu" android:icon="@drawable/about" android:title="@string/str_about" />
</menu>

如图效果在三个点的下弹item中是不显示icon图标的，虽然布局中已经有了。原因上面说过了，国内开发习惯的问题，都希望显示icon，所以有以下两种解决方式

二、解决方案

• 通过反射机制,在onCreateOptionsMenu中，反射MenuBuilder的属性设置

  try {
  			Class<?> clazz = Class . forName ("com.android.internal.view.menu.MenuBuilder");
  			Method m = clazz . getDeclaredMethod ("setOptionalIconsVisible", boolean.class);
  			m.setAccessible(true);
  			m.invoke(menu, true);
  		} catch (Exception e) {
  			e.printStackTrace();
  		}

  **注意：**这里填写的Menu Builder包名，要和你使用的保持一致。如果使用了androidx包，则这里替换为androidx.appcompat.view.menu.MenuBuilder。

• Kotlin的反射方式，类似与Java,将以下代码放在onCreateOptionsMenu的函数中就好

  //反射，设置icon
  		val clazz = Class.forName("androidx.appcompat.view.menu.MenuBuilder")
  		val m = clazz.getDeclaredMethod("setOptionalIconsVisible", Boolean::class.java)
  		m.isAccessible = true
  		m.invoke(menu, true)

• 变相使用menu group的方式，不用代码反射，修改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/location_menu" android:icon="@drawable/location" android:title="@string/str_location" app:showAsAction="always" />
  	<item android:id="@+id/map_menu" android:icon="@drawable/earth" android:title="@string/str_map" app:showAsAction="always|withText" />
  	<!--下面的icon，替换成自定义的 三个点 图标，或者其他图标-->
  	<item android:title="" app:showAsAction="always" android:icon="@drawable/ic_menu_more">
  		<menu>
  			<item android:id="@+id/share_menu" android:icon="@drawable/share" android:title="@string/str_share" app:showAsAction="withText" />
  			<item android:id="@+id/feedback_menu" android:icon="@drawable/feedback" android:title="@string/str_feedback" />
  			<item android:id="@+id/about_menu" android:icon="@drawable/about" android:title="@string/str_about" />
  		</menu>
  	</item>
  </menu>

效果图

声明：以上两种方案，都不是个人原创，也不记得在Google上搜索的那个网址的了，总之，在此感谢伟大的开源精神！