Android toolbar overflow菜单文字显示不全

最新推荐文章于 2025-07-13 13:00:11 发布

原创最新推荐文章于 2025-07-13 13:00:11 发布 · 1.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#Android #toolbar #样式设置 #文字显示

Android 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决Android应用中Toolbar溢出菜单文字显示不全的问题。通过调整styles.xml文件中的样式配置，如设置popupTheme和theme属性，并对AppTheme.PopupOverlay进行详细配置，最终实现了菜单项文字的完整展示。

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

刚刚接触android 没有几天，对android 的配置几乎凭感觉。
于是便碰到问题，如下图toolbar 溢出菜单的下拉框组文字显示不全：

于是经过多番尝试，原来是toolbar的配置有问题，如下图：
这里写图片描述

可以看到两个重要的样式配置：
1. app:popupTheme
2. app:theme

将其改为：
这里写图片描述

再修改value包下的 styles.xml

<resources xmlns:tools="http://schemas.android.com/tools">
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
   <!-- <style name="OverflowMenuStyle" >
    &lt;!&ndash; 是否覆盖锚点，默认为true，即盖住Toolbar &ndash;&gt;
    <item name="overlapAnchor">false</item>
    &lt;!&ndash; 弹出层背景颜色 &ndash;&gt;
    <item name="android:popupBackground">@color/colorPrimary</item>
    &lt;!&ndash; 弹出层垂直方向上的偏移，即在竖直方向上距离Toolbar的距离，值为负则会盖住Toolbar &ndash;&gt;
    <item name="android:dropDownVerticalOffset">500dp</item>
    &lt;!&ndash; 弹出层水平方向上的偏移，即距离屏幕左边的距离，负值会导致右边出现空隙 &ndash;&gt;
    <item name="android:dropDownHorizontalOffset">0dp</item>
    <item name="android:textColor">@color/text_blue</item>
</style>-->
    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
    <style name="AppTheme.PopupOverlay" parent="@style/Widget.AppCompat.Light.PopupMenu.Overflow">
        <item name="overlapAnchor">false</item>
        <item name="android:dropDownWidth">wrap_content</item>
        <item name="android:paddingRight">5dp</item>
        <item name="android:popupBackground">?attr/colorPrimary</item>
        <!-- 弹出层垂直方向上的偏移，即在竖直方向上距离Toolbar的距离，值为负则会盖住Toolbar -->
        <item name="android:dropDownVerticalOffset">5dip</item>
        <!-- 弹出层水平方向上的偏移，即距离屏幕左边的距离，负值会导致右边出现空隙 -->
        <item name="android:dropDownHorizontalOffset">0dip</item>
    </style>
</resources>

效果图：
这里写图片描述

总结：
1.其实样式的设置涉及到作用域的问题，即哪个样式文件的作用域更强，我之前一直在AndroidManifest.xml 的 android:theme 样式文件中配置溢出菜单的样式，结果都不可以全显文字。即下图红框的样式文件：
这里写图片描述
其实应该是其设置的属性被toolbar 的样式文件所覆盖。可以联想到CSS样式设置的作用域，离div越近的则会覆盖远的样式。