让menu同时显示图标和文字

本文介绍了一种在Android应用中使能menu项图标显示的方法,即使设置了showAsAction为never。通过重写onMenuOpened方法并使用反射机制来实现这一目标。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Activity中的menu条目,在设置其showAsAction=”never”时,默认只显示文字title,而不会显示图标icon,可以在Activity中重写onMenuOpened(),通过反射使其图标可见。

// 让菜单同时显示图标和文字
@Override
public boolean onMenuOpened(int featureId, Menu menu) {
    if (menu != null) {
        if (menu.getClass().getSimpleName().equalsIgnoreCase("MenuBuilder")) {
            try {
                Method method = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);
                method.setAccessible(true);
                method.invoke(menu, true);
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
    }
    return super.onMenuOpened(featureId, menu);
}

下面贴下我的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"
      xmlns:tools="http://schemas.android.com/tools">
    <item
        android:id="@+id/menu_search"
        android:orderInCategory="100"
        android:title="搜索"
        app:actionViewClass="android.support.v7.widget.SearchView"
        app:showAsAction="always"
        />
    <item
        android:id="@+id/scan_local_music"
        android:icon="@mipmap/lv"
        android:orderInCategory="100"
        android:title="扫描本地音乐"
        app:showAsAction="never"
        />
    <item
        android:id="@+id/select_sort_way"
        android:icon="@mipmap/lt"
        android:orderInCategory="100"
        android:title="选择排序方式"
        app:showAsAction="never"
        />
    <item
        android:id="@+id/get_cover_lyrics"
        android:icon="@mipmap/lq"
        android:orderInCategory="100"
        android:title="获取封面歌词"
        app:showAsAction="never"
        />
    <item
        android:id="@+id/imporve_tone_quality"
        android:icon="@mipmap/lw"
        android:orderInCategory="100"
        android:title="升级音质"
        app:showAsAction="never"
        />
</menu>

效果:

这里写图片描述

在前端开发中,如果你遇到菜单(menu)中的字体图标在Firefox浏览器被选中时不显示的问题,这可能是由于Firefox对伪类`:hover` 的默认样式设置导致的。有些字体图标库,如Font Awesome或Material Icons,在鼠标悬停时可能会应用特定的样式变化,而这些样式可能在Firefox上未生效。 有几个解决步骤你可以尝试: 1. **检查CSS**: 确保你使用的伪类`:hover` 被正确地应用到字体图标元素上了。比如,对于Font Awesome,应确保`.fa:hover` 有正确的样式定义。 ```css .fa:hover { /* 检查颜色、透明度等样式是否在这里 */ } ``` 2. **禁用浏览器内置样式**:有时候Firefox会覆盖一些自定义样式,试着临时禁用`-moz-osx-font-smoothing` 或 `-webkit-font-smoothing` 属性看看是否有改善。 ```css * { -moz-osx-font-smoothing: none; /* 对Firefox适用 */ -webkit-font-smoothing: auto; } ``` 3. **提供备选方案**:如果鼠标悬停效果很重要,可以为`:not(:hover)` 添加备用样式。 ```css .fa:not(:hover) { /* 非选中状态下的样式 */ } ``` 4. **测试兼容性工具**:使用像BlinkMeter CSS-Tricks等在线工具检查你的样式是否在Firefox上正常工作。 5. **更新图标库版本**:确保你使用的图标库是最新的,有时开发者会修复这类兼容性问题。 记得在完成排查后,选择最适合项目的解决方案,并在实际项目中加入适当的媒体查询,以便针对不同浏览器进行适配。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值