文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android12窗口模糊(一)在Activity和Dialog中实现高斯模糊效果

2023-08-30 13:45

关注

前言

在 Android 12 中,提供了一些用于实现窗口模糊处理效果(例如背景模糊处理和模糊处理后方屏幕)的公共 API。窗口模糊处理或跨窗口模糊处理用于模糊处理给定窗口后方的屏幕。
有两种窗口模糊处理方式,可用于实现不同的视觉效果:

这两种效果可以单独使用,也可以组合使用,如下图所示:

窗口模糊功能的实现
上面的三张效果图是谷歌官方所提供的效果图:

(a)仅背景模糊处理(Background blur)
(b)仅模糊处理后方屏幕(Blur behind)
(c)背景模糊处理和模糊处理后方屏幕(Background blur)+(Blur behind)

Android12所提供的窗口模糊处理功能可以跨窗口使用,这意味着当窗口背后有其他应用时,该功能同样可以发挥作用,不过跨窗口模糊处理非常耗费资源。此效果与模糊处理渲染效果不同,后者会对同一窗口内部的内容进行模糊处理。窗口模糊处理对于对话框、底部动作条和其他浮动窗口非常有用。

附上官方说明

一、模糊处理窗口背景

想要模糊处理窗口的背景,主要有以下几个操作:

调用 Window#setBackgroundBlurRadius(int) 设置背景模糊处理半径。或者,在窗口主题中设置 R.attr.windowBackgroundBlurRadius。

将 R.attr.windowIsTranslucent 设为 true,使窗口变为半透明。模糊处理是在窗口 Surface 下面绘制的,因此窗口必须是半透明的,才能显示出模糊处理效果。

(可选)调用 Window#setBackgroundDrawableResource(int) 添加具有半透明颜色的矩形窗口背景可绘制对象。或者,在窗口主题中设置 R.attr.windowBackground。

对于具有圆角的窗口,可通过将具有圆角的 ShapeDrawable 设为窗口背景可绘制对象来确定模糊处理区域的圆角。

启用和停用模糊处理的状态。

二、模糊处理窗口后方屏幕

如需模糊处理窗口后方屏幕,主要有以下几个操作:

将 FLAG_BLUR_BEHIND 添加至窗口标志,以启用“模糊处理后方屏幕”。或者,在窗口主题中设置 R.attr.windowBlurBehindEnabled。

调用 WindowManager.LayoutParams#setBlurBehindRadius 设置“模糊处理后方屏幕”的半径。或者,在窗口主题中设置 R.attr.windowBlurBehindRadius。

(可选)选择一个互补的暗度。Window#setDimAmount(float amount)

处理启用和停用模糊处理的状态。

三、效果图

前面简单介绍了安卓12模糊处理窗口背景和模糊处理窗口后方屏幕的API,以下是我们最终所实现的效果图,使用Dialog和Activity分别实现了仅模糊当前背景、仅模糊后方屏幕,同时模糊当前背景和后方屏幕三种常用的高斯模糊效果。

使用Dialog实现高斯模糊效果
在这里插入图片描述
2、使用Activity实现高斯模糊效果
在这里插入图片描述

四、具体代码

最后来看一下完整的项目代码吧。

gradle配置文件、AndroidManifest.xml清单文件和style.xml样式文件

plugins {    id 'com.android.application'}android {    namespace 'com.example.myapplication'    compileSdk 32    defaultConfig {        applicationId "com.example.myapplication"        minSdk 31        targetSdk 32        versionCode 1        versionName "1.0"        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"    }    buildTypes {        release {            minifyEnabled false            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'        }    }    compileOptions {        sourceCompatibility JavaVersion.VERSION_11        targetCompatibility JavaVersion.VERSION_11    }}dependencies {    implementation 'androidx.appcompat:appcompat:1.4.1'    implementation 'com.google.android.material:material:1.5.0'}
<manifest xmlns:android="http://schemas.android.com/apk/res/android">    <application        android:allowBackup="true"        android:dataExtractionRules="@xml/data_extraction_rules"        android:fullBackupContent="@xml/backup_rules"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:roundIcon="@mipmap/ic_launcher_round"        android:supportsRtl="true"        android:theme="@style/AppTheme">        <activity            android:name="com.example.blurapplication.MainActivity"            android:exported="true">            <intent-filter>                <action android:name="android.intent.action.MAIN" />                <category android:name="android.intent.category.LAUNCHER" />            intent-filter>        activity>        <activity            android:name="com.example.blurapplication.BlurActivity"            android:exported="false"            android:theme="@style/BlurActivityTheme" />    application>manifest>
<resources>    <style name="AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">    style>        <style name="BlurActivityTheme" parent="Theme.MaterialComponents.Dialog">        "android:windowIsTranslucent">true    style>        <style name="BlurDialogTheme" parent="Theme.MaterialComponents.Dialog">        "android:windowIsTranslucent">true    style>resources>

MainActivity.java和activity_main.xml布局文件

public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        findViewById(R.id.btn_dialog_blur_background).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //仅模糊背景                BlurDialog dialog = new BlurDialog(MainActivity.this, BlurDialog.BLUR_TYPE_BLUR_BACKGROUND);                dialog.show();            }        });        findViewById(R.id.btn_dialog_blur_behind).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //仅模糊后方屏幕                BlurDialog dialog = new BlurDialog(MainActivity.this, BlurDialog.BLUR_TYPE_BLUR_BEHIND);                dialog.show();            }        });        findViewById(R.id.btn_dialog_blur_background_and_behind).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //同时模糊背景和后方屏幕                BlurDialog dialog = new BlurDialog(MainActivity.this, BlurDialog.BLUR_TYPE_BLUR_BACKGROUND_AND_BEHIND);                dialog.show();            }        });        findViewById(R.id.btn_activity_blur_background).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //仅模糊背景                Intent intent = new Intent(MainActivity.this, BlurActivity.class);                intent.putExtra(BlurActivity.EXTRA_KEY_BLUR_TYPE, BlurActivity.BLUR_TYPE_BLUR_BACKGROUND);                startActivity(intent);            }        });        findViewById(R.id.btn_activity_blur_behind).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //仅模糊后方屏幕                Intent intent = new Intent(MainActivity.this, BlurActivity.class);                intent.putExtra(BlurActivity.EXTRA_KEY_BLUR_TYPE, BlurActivity.BLUR_TYPE_BLUR_BEHIND);                startActivity(intent);            }        });        findViewById(R.id.btn_activity_blur_background_and_behind).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                //同时模糊背景和后方屏幕                Intent intent = new Intent(MainActivity.this, BlurActivity.class);                intent.putExtra(BlurActivity.EXTRA_KEY_BLUR_TYPE, BlurActivity.BLUR_TYPE_BLUR_BACKGROUND_AND_BEHIND);                startActivity(intent);            }        });    }}
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@mipmap/img"    android:orientation="vertical"    tools:context="com.example.blurapplication.MainActivity">    <Button        android:id="@+id/btn_dialog_blur_background"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="模糊Dialog的背景"        android:textAllCaps="false"        android:textSize="24sp" />    <Button        android:id="@+id/btn_dialog_blur_behind"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="模糊Dialog后方屏幕"        android:textAllCaps="false"        android:textSize="24sp" />    <Button        android:id="@+id/btn_dialog_blur_background_and_behind"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="同时模糊Dialog的背景和后方屏幕"        android:textAllCaps="false"        android:textSize="24sp" />    <Button        android:id="@+id/btn_activity_blur_background"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="模糊Activity的背景"        android:textAllCaps="false"        android:textSize="24sp" />    <Button        android:id="@+id/btn_activity_blur_behind"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="模糊Activity后方屏幕"        android:textAllCaps="false"        android:textSize="24sp" />    <Button        android:id="@+id/btn_activity_blur_background_and_behind"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="同时模糊Activity的背景和后方屏幕"        android:textAllCaps="false"        android:textSize="24sp" />    <TextView        android:layout_width="match_parent"        android:layout_height="200dp"        android:background="#FFF"        android:gravity="center"        android:text="高斯模糊效果测试"        android:textSize="46sp" />LinearLayout>

BackgroundBlurDialog.java和dialog_background_blur.xml布局文件

public class BlurDialog extends AlertDialog {    private Window mWindow;    //窗口背景高斯模糊程度,数值越高越模糊且越消耗性能    private final int mBackgroundBlurRadius = 90;    //窗口周边背景高斯模糊程度    private final int mBlurBehindRadius = 20;    //根据窗口高斯模糊功能是否开启来设置窗口周边暗色的程度    private final float mDimAmountWithBlur = 0f;    private final float mDimAmountNoBlur = 0.4f;    // 根据窗口高斯模糊功能是否开启来为窗口设置不同的不透明度    private final int mWindowBackgroundAlphaWithBlur = 170;    private final int mWindowBackgroundAlphaNoBlur = 255;    //使用一个矩形drawable文件作为窗口背景,这个矩形的轮廓和圆角确定了窗口高斯模糊的区域    private Drawable mWindowBackgroundDrawable;        private int mBlurType = 0;    public static final int BLUR_TYPE_BLUR_BACKGROUND = 0;    public static final int BLUR_TYPE_BLUR_BEHIND = 1;    public static final int BLUR_TYPE_BLUR_BACKGROUND_AND_BEHIND = 2;    public BlurDialog(@NonNull Context context, int blurType) {        super(context, R.style.BlurDialogTheme);        mBlurType = blurType;    }    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.dialog_blur);        initBlur();    }    private void initBlur() {        mWindow = getWindow();        //替换window默认的背景        mWindowBackgroundDrawable = getContext().getDrawable(R.drawable.window_background);        getWindow().setBackgroundDrawable(mWindowBackgroundDrawable);        //注册一个监听者去监听窗口UI视图是否可见以便调整窗口高斯模糊功能是否开启        setupWindowBlurListener();        //允许背景模糊,也可以通过样式属性R.attr#windowBlurBehindEnabled来实现        getWindow().addFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND);        // 允许背景变暗,也可以通过样式属性R.attr#backgroundDimEnabled来实现        getWindow().addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);    }        private void setupWindowBlurListener() {        Consumer<Boolean> windowBlurEnabledListener = this::updateWindowForBlurs;        getWindow().getDecorView().addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {            @Override            public void onViewAttachedToWindow(View v) {                mWindow.getWindowManager().addCrossWindowBlurEnabledListener(windowBlurEnabledListener);            }            @Override            public void onViewDetachedFromWindow(View v) {                mWindow.getWindowManager().removeCrossWindowBlurEnabledListener(windowBlurEnabledListener);            }        });    }        private void updateWindowForBlurs(boolean blursEnabled) {        if (mBlurType == BLUR_TYPE_BLUR_BACKGROUND) {            //仅模糊背景            mWindowBackgroundDrawable.setAlpha(blursEnabled ? mWindowBackgroundAlphaWithBlur : mWindowBackgroundAlphaNoBlur);//调整背景的透明度            getWindow().setDimAmount(blursEnabled ? mDimAmountWithBlur : mDimAmountNoBlur);//调整背景周边昏暗的程度            getWindow().setBackgroundBlurRadius(mBackgroundBlurRadius);//设置背景模糊程度            return;        }        if (mBlurType == BLUR_TYPE_BLUR_BEHIND) {            //仅模糊后方屏幕            getWindow().setDimAmount(blursEnabled ? mDimAmountWithBlur : mDimAmountNoBlur);//调整背景周边昏暗的程度            getWindow().getAttributes().setBlurBehindRadius(mBlurBehindRadius);//设置背景周边模糊程度            getWindow().setAttributes(getWindow().getAttributes());//让上面的高斯模糊效果生效            return;        }        //同时模糊背景和后方屏幕        mWindowBackgroundDrawable.setAlpha(blursEnabled ? mWindowBackgroundAlphaWithBlur : mWindowBackgroundAlphaNoBlur);//调整背景的透明度        getWindow().setBackgroundBlurRadius(mBackgroundBlurRadius);//设置背景模糊程度        getWindow().setDimAmount(blursEnabled ? mDimAmountWithBlur : mDimAmountNoBlur);//调整背景周边昏暗的程度        getWindow().getAttributes().setBlurBehindRadius(mBlurBehindRadius);//设置背景周边模糊程度        getWindow().setAttributes(getWindow().getAttributes());//让上面的高斯模糊效果生效    }}
<shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners android:radius="20dp" />    <solid android:color="#AAAAAA" />shape>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:gravity="center"    android:orientation="vertical">    <TextView        android:layout_width="200dp"        android:layout_height="200dp"        android:gravity="center"        android:text="你好,我是高斯模糊Dialog"        android:textAllCaps="false"        android:textSize="30sp" />LinearLayout>

BackgroundBlurActivity.java和activity_background_blur.xml布局文件

public class BlurActivity extends Activity {    public static final String EXTRA_KEY_BLUR_TYPE = "blur_type";    public static final int BLUR_TYPE_BLUR_BACKGROUND = 0;    public static final int BLUR_TYPE_BLUR_BEHIND = 1;    public static final int BLUR_TYPE_BLUR_BACKGROUND_AND_BEHIND = 2;    //窗口背景高斯模糊程度,数值越高越模糊且越消耗性能    private final int mBackgroundBlurRadius = 90;    //窗口周边背景高斯模糊程度    private final int mBlurBehindRadius = 20;    //根据窗口高斯模糊功能是否开启来设置窗口周边暗色的程度    private final float mDimAmountWithBlur = 0f;    private final float mDimAmountNoBlur = 0.4f;    // 根据窗口高斯模糊功能是否开启来为窗口设置不同的不透明度    private final int mWindowBackgroundAlphaWithBlur = 170;    private final int mWindowBackgroundAlphaNoBlur = 255;    //使用一个矩形drawable文件作为窗口背景,这个矩形的轮廓和圆角确定了窗口高斯模糊的区域    private Drawable mWindowBackgroundDrawable;        private int mBlurType = 0;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        mBlurType = getIntent().getIntExtra(EXTRA_KEY_BLUR_TYPE, BLUR_TYPE_BLUR_BACKGROUND);        setContentView(R.layout.activity_blur);        initBlur();    }    private void initBlur() {        //替换window默认的背景        mWindowBackgroundDrawable = getDrawable(R.drawable.window_background);        getWindow().setBackgroundDrawable(mWindowBackgroundDrawable);        //注册一个监听者去监听窗口UI视图是否可见以便调整窗口高斯模糊功能是否开启        setupWindowBlurListener();        //允许背景模糊,也可以通过样式属性R.attr#windowBlurBehindEnabled来实现        getWindow().addFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND);        // 允许背景变暗,也可以通过样式属性R.attr#backgroundDimEnabled来实现        getWindow().addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);        findViewById(R.id.ll_content).setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {                finish();            }        });    }        private void setupWindowBlurListener() {        Consumer<Boolean> windowBlurEnabledListener = this::updateWindowForBlurs;        getWindow().getDecorView().addOnAttachStateChangeListener(new View.OnAttachStateChangeListener() {            @Override            public void onViewAttachedToWindow(View v) {                getWindowManager().addCrossWindowBlurEnabledListener(windowBlurEnabledListener);            }            @Override            public void onViewDetachedFromWindow(View v) {                getWindowManager().removeCrossWindowBlurEnabledListener(windowBlurEnabledListener);            }        });    }        private void updateWindowForBlurs(boolean blursEnabled) {        if (mBlurType == BLUR_TYPE_BLUR_BACKGROUND) {            //仅模糊背景            mWindowBackgroundDrawable.setAlpha(blursEnabled ? mWindowBackgroundAlphaWithBlur : mWindowBackgroundAlphaNoBlur);//调整背景的透明度            getWindow().setDimAmount(blursEnabled ? mDimAmountWithBlur : mDimAmountNoBlur);//调整背景周边昏暗的程度            getWindow().setBackgroundBlurRadius(mBackgroundBlurRadius);//设置背景模糊程度            return;        }        if (mBlurType == BLUR_TYPE_BLUR_BEHIND) {            //仅模糊后方屏幕            getWindow().setDimAmount(blursEnabled ? mDimAmountWithBlur : mDimAmountNoBlur);//调整背景周边昏暗的程度            getWindow().getAttributes().setBlurBehindRadius(mBlurBehindRadius);//设置背景周边模糊程度            getWindow().setAttributes(getWindow().getAttributes());//让上面的高斯模糊效果生效            return;        }        //同时模糊背景和后方屏幕        mWindowBackgroundDrawable.setAlpha(blursEnabled ? mWindowBackgroundAlphaWithBlur : mWindowBackgroundAlphaNoBlur);//调整背景的透明度        getWindow().setBackgroundBlurRadius(mBackgroundBlurRadius);//设置背景模糊程度        getWindow().setDimAmount(blursEnabled ? mDimAmountWithBlur : mDimAmountNoBlur);//调整背景周边昏暗的程度        getWindow().getAttributes().setBlurBehindRadius(mBlurBehindRadius);//设置背景周边模糊程度        getWindow().setAttributes(getWindow().getAttributes());//让上面的高斯模糊效果生效    }}
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:gravity="center"    android:id="@+id/ll_content"    android:orientation="vertical">    <TextView        android:layout_width="300dp"        android:layout_height="400dp"        android:gravity="center"        android:text="你好,我是高斯模糊Activity"        android:textAllCaps="false"        android:textSize="30sp" />LinearLayout>

五、确认设备是否支持高斯模糊

如果设备没有开启高斯模糊功能,则上述代码是无法实现高斯模糊效果的;要检查Android12+的设备是否支持窗口模糊以及当前是否启用了窗口模糊,有以下两种方法:

使用adb命令行:

adb shell wm disable-blur 

1)设备支持,并且打开了高斯模糊功能开关

Blur supported on device: trueBlur enabled: true

2)设备不支持

Blur supported on device: falseBlur enabled: false

进入设置

1)设置 -> 系统 -> 开发者选项 -> 硬件加速渲染 -> 允许窗口级模糊

2)如果在“设置”下找不到该选项,则您的设备不支持窗口模糊。

六、为设备开启高斯模糊功能

通过修改系统编译文件开启高斯模糊功能

由于高斯模糊功能会消耗大量 GPU 资源,Android12系统源码在编译的时候默认将高斯模糊功能进行了关闭。
在这里插入图片描述

device/qcom/msmnile_gvmq/msmnile_gvmq.mk

# enable surface flinger window blursPRODUCT_PROPERTY_OVERRIDES += \       ro.surface_flinger.supports_background_blur=1

对系统进行root之后,直接修改系统源码文件

vendor/build.prop

ro.surface_flinger.supports_background_blur=1

来源地址:https://blog.csdn.net/abc6368765/article/details/127657069

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-人工智能
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯