Android 4中Toolbar溢出菜单按钮与ActionBar同色不可见问题求助

为什么会出现跨版本颜色差异？ #

Android 5.0（API 21）引入了**矢量图标着色（Tint）**机制，AppCompat库在高版本系统上会自动利用系统的tint能力，根据Toolbar的theme属性里的textColorSecondary来适配溢出菜单图标的颜色。但在Android 4.x（API 14-19）上，系统本身不支持这种自动着色，AppCompat需要通过自己的样式属性来控制图标颜色——而你当前的样式配置刚好踩了低版本兼容的坑：

• 你用了android:actionOverflowButtonStyle（带系统前缀的属性），但AppCompat在低版本需要用不带android:前缀的actionOverflowButtonStyle才能生效；
• 溢出按钮样式的父类用了@android:style/Widget.Holo.ActionButton.Overflow，这是系统Holo样式，和AppCompat的兼容体系不匹配，导致样式继承失效。

修复Android 4.x上的按钮不可见问题 #

我给你调整三个关键地方，就能解决问题：

1. 修正Style中的溢出按钮配置

修改style.xml，用AppCompat专属的样式属性和父类：

<style name="app_theme2" parent="@style/Theme.AppCompat.Light.NoActionBar">
    <item name="colorAccent">@color/light_green_500</item>
    <item name="android:colorActivatedHighlight">@color/light_green_500</item>
    <item name="colorControlActivated">@color/light_green_500</item>
    <item name="colorControlHighlight">@color/light_green_500</item>
    <!-- 去掉android:前缀，使用AppCompat专属属性 -->
    <item name="actionOverflowButtonStyle">@style/MyActionButtonOverflow</item>
</style>

<!-- 父类替换为AppCompat的样式，而非系统Holo样式 -->
<style name="MyActionButtonOverflow" parent="@style/Widget.AppCompat.ActionButton.Overflow">
    <!-- 去掉android:前缀，使用AppCompat的textColorSecondary属性 -->
    <item name="textColorSecondary">@color/white</item>
</style>

2. 优化Toolbar的Theme配置

为了保险起见，给Toolbar单独指定一个主题，确保图标颜色在所有版本都能正确继承：

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:background="@color/black"
    android:elevation="4dp"
    <!-- 替换为自定义Toolbar主题，明确指定文本次级颜色为白色 -->
    android:theme="@style/ToolbarCustomTheme"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"/>

<!-- 在style.xml中添加这个Toolbar专属主题 -->
<style name="ToolbarCustomTheme" parent="@style/ThemeOverlay.AppCompat.ActionBar">
    <item name="textColorSecondary">@color/white</item>
</style>

3. 验证Activity中的Toolbar设置

你的Activity代码基本没问题，只需确保setSupportActionBar(toolbar)的调用顺序，同时增加空安全判断避免潜在崩溃：

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.mylayout);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    
    // 先将Toolbar设置为ActionBar，再调整样式
    setSupportActionBar(toolbar);
    
    // 统一文本与图标颜色
    toolbar.setTitleTextColor(ContextCompat.getColor(this, R.color.my_white));
    toolbar.setSubtitleTextColor(ContextCompat.getColor(this, R.color.my_white));
    toolbar.setNavigationIcon(R.drawable.ic_arrow_back_white_24dp);
    
    // 增加空安全判断
    if (getSupportActionBar() != null) {
        getSupportActionBar().setTitle(getString(R.string.MyTitleofActivity));
    }
}

这样修改后，Android 4.x上的溢出菜单按钮就会显示为白色，和黑色背景形成清晰对比，同时Android 5+的正常表现也不会受影响。

内容的提问来源于stack exchange，提问作者briast