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

时间：2024-04-08 14:32:41

文章目录

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

如图效果Android中Toolbar或ActionBar菜单不现实icon的解决方案在三个点的下弹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>

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

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

相关文章