Android 弹窗毛玻璃背景实践

Android 弹窗毛玻璃背景实践

需求: 点击FloatingActionButton弹出弹层，弹层底部有多个图标可选，每一个图标都是一个功能入口，背景采用毛玻璃模糊效果。

记录一下这个需求的思考和实现过程。

查找Android原生API做法

在Android API里面，有个FLAG_BLUR_BEHIND用于模糊背景的FLAG，尝试一下使用它来做Dialog的背景模糊。
代码如下:

final Dialog dialog = new Dialog(MainActivity.this, R.style.SquareEntranceDialogStyle);
Window window = dialog.getWindow();
if (window != null) {
    window.setFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND,
            WindowManager.LayoutParams.FLAG_BLUR_BEHIND);
    window.setGravity(Gravity.BOTTOM);
}
View layout = View.inflate(MainActivity.this, R.layout.square_posting_entrance_dialog, null);
dialog.setContentView(layout);
dialog.show();

<style name="SquareEntranceDialogStyle" parent="@android:style/Theme.Dialog">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
</style>

最后出来的效果有点迷。在4.4的机器上，看不出任何模糊效果，而在7.0的机器上，dialog的弹窗背景出现了一片灰色，而遮罩层的效果没有任何变化。