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">trueitem>
    <item name="android:windowIsFloating">trueitem>
    <item name="android:windowBackground">@android:color/transparent
style>

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

你可能感兴趣的:(android,android,毛玻璃,弹窗,模糊,背景)