如何为PopupWindow设置浅色主题？

我懂你碰到的这个坑——用ContextThemeWrapper给PopupWindow套了主题，结果弹窗背景还是顽固的黑色，对吧？其实问题出在两点：你选的主题不对，而且PopupWindow本身不会自动应用主题里的背景样式，得额外处理。

问题根源 #

你用的ThemeOverlay_AppCompat_ActionBar是专门给ActionBar做样式覆盖的主题，它根本没定义弹窗背景相关的属性，所以你的PopupWindow还是用了系统默认的黑色背景。而且就算用对了主题，PopupWindow也不会自动把主题里的背景属性套到自己身上，必须手动触发。

解决方案 #

1. 先定义一个专门的浅色弹窗主题

在res/values/styles.xml里添加这个样式，专门给弹窗用：

<style name="LightPopupTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- 设置弹窗的背景为白色（你也可以换成自己想要的浅色） -->
    <item name="android:popupBackground">@android:color/white</item>
    <!-- 可选：统一设置弹窗内控件的文本颜色，避免浅色背景上文字看不清 -->
    <item name="android:textColor">@android:color/black</item>
</style>

2. 修改FilterWindow的实现，让主题生效

更新你的FilterWindow类，手动解析主题里的背景属性并设置给PopupWindow：

private static class FilterWindow extends PopupWindow {
    FilterWindow(Context context) {
        super(context);
        LayoutInflater inflater = LayoutInflater.from(context);
        View view = inflater.inflate(R.layout.menu_filter, null);
        setContentView(view);
        setOutsideTouchable(true);
        setFocusable(true);
        
        // 关键步骤：从主题中获取弹窗背景并设置
        TypedValue typedValue = new TypedValue();
        context.getTheme().resolveAttribute(android.R.attr.popupBackground, typedValue, true);
        setBackgroundDrawable(ContextCompat.getDrawable(context, typedValue.resourceId));
    }
}

3. 替换ContextThemeWrapper的主题

在创建弹窗上下文的时候，换成我们刚定义的LightPopupTheme，而不是ActionBar的覆盖主题：

if (R.id.action_filter == item.getItemId()) {
    View filterView = getActivity().findViewById(R.id.action_filter);
    assert filterView != null;
    // 用自定义的浅色弹窗主题创建上下文
    Context context = new ContextThemeWrapper(filterView.getContext(), R.style.LightPopupTheme);
    FilterWindow menu = new FilterWindow(context);
    menu.showAsDropDown(filterView, 0, -filterView.getHeight());
    return true;
}

额外小技巧 #

如果你不想折腾主题，也可以直接给menu_filter.xml的根布局设置背景色，比如：

<!-- menu_filter.xml的根布局 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    android:orientation="vertical">
    
    <!-- 你的弹窗内容 -->
</LinearLayout>

这种方式更直接，布局本身就自带浅色背景，不受主题影响。

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