Android 12 高斯模糊-RenderEffect

新的 API 让你能更轻松地将常见图形效果应用到视图和渲染结构上。

• 使用 RenderEffect 将模糊、色彩滤镜等效果应用于 RenderNode 或 View。

• 使用新的 Window.setBackgroundBlurRadius() API 为窗口背景创建雾面玻璃效果，

• 使用 blurBehindRadius 来模糊窗口后面的所有内容。

  咱们一个一个玩。

  🔥 RenderEffect

  ===============

  💥 实现效果

  ---

  private void setBlur(){

  View.setRenderEffect(RenderEffect.createBlurEffect(3, 3, Shader.TileMode.REPEAT));

  …

  }

  使用特别简单，走你。

  🌀 X 轴的模糊效果图

  

  咱再看看代码

  private void setBlur(){

  agb.iv1.setRenderEffect(RenderEffect.createBlurEffect(3, 0, Shader.TileMode.CLAMP));

  agb.iv2.setRenderEffect(RenderEffect.createBlurEffect(8, 0, Shader.TileMode.REPEAT));

  agb.iv3.setRenderEffect(RenderEffect.createBlurEffect(18, 0 ,Shader.TileMode.MIRROR));

  agb.iv4.setRenderEffect(RenderEffect.createBlurEffect(36, 0,Shader.TileMode.DECAL));

  }

  RenderEffect.createBlurEffect()的四个参数：

  • radiusX 沿 X 轴的模糊半径

  • radiusY 沿 Y 轴的模糊半径

  • inputEffect 模糊一次(传入 RenderEffect)

  • edgeTreatment 用于如何模糊模糊内核边缘附近的内容

    下面两种仅看效果图。就不做代码设置了。

    🌀 Y 轴的模糊效果图

    

    🌀 XY同时模糊效果图

    

    第四个参数对边缘模糊，效果图如下:

    

    Shader.TileMode 提供了四个选项恕我没看出来。。

    这里还有一堆方法等你玩。

    

    注意：注意如此完美的画面只能在 Android 12(SDK31)及以上的设备上使用，其他版本的设备使用会导致崩溃，谨记谨记。 效果有了，下面咱们一起看看源码。

    💥 源码

    ---

    🌀 View.setRenderEffect()

    public void setRenderEffect(@Nullable RenderEffect renderEffect) {

    …

    }

    这个方法就是：renderEffect 应用于 View。 传入 null清除之前配置的RenderEffect 。这里咱们先看传入的 RenderEffect。

    🌀 RenderEffect.createBlurEffect()

    public static RenderEffect createBlurEffect(

    float radiusX,

    float radiusY,

    @NonNull RenderEffect inputEffect,

    @NonNull TileMode edgeTreatment

    ) {

    long nativeInputEffect = inputEffect != null ? inputEffect.mNativeRenderEffect : 0;

    return new RenderEffect(

    nativeCreateBlurEffect(

    radiusX,

    radiusY,

    nativeInputEffect,

    edgeTreatment.nativeInt

    )

    );

    }

    两个 createBlurEffect() 方法，分别为三参(模糊一次)和四参(模糊两次)。inputEffect 先进行了一次模糊。

    看效果图：

    

    模糊程度一样，但是实现方式不同：

    private void setBlur() {

    RenderEffect radiusXRenderEffect = RenderEffect.createBlurEffect(10, 0, Shader.TileMode.MIRROR);

    RenderEffect radiusYRenderEffect = RenderEffect.createBlurEffect(0, 10, Shader.TileMode.MIRROR);

    agb.iv1.setRenderEffect(RenderEffect.createBlurEffect(10, 10, Shader.TileMode.CLAMP));

    agb.iv2.setRenderEffect(RenderEffect.createBlurEffect(10, 10, Shader.TileMode.REPEAT));

    //自身radiusY 为 0 ，传入的radiusYRenderEffect设置的radiusY为10；

    agb.iv3.setRenderEffect(RenderEffect.createBlurEffect(10, 0, radiusYRenderEffect, Shader.TileMode.MIRROR));

    //自身radiusX 为 0 ，传入的radiusXRenderEffect设置的radiusX为10；

    agb.iv4.setRenderEffect(RenderEffect.createBlurEffect(0, 10, radiusXRenderEffect, Shader.TileMode.DECAL));

    }

    这个方法返回一个 new RenderEffect(nativeCreateBlurEffect(…)。

    那咱们去看看 nativeCreateBlurEffect()

    🌀 nativeCreateBlurEffect()

    frameworks/base/libs/hwui/jni/RenderEffect.cpp

    static const JNINativeMethod gRenderEffectMethods[] = {

    …

    {“nativeCreateBlurEffect”, “(FFJI)J”, (void*)createBlurEffect},

    …

    };

    static jlong createBlurEffect(JNIEnv* env , jobject, jfloat radiusX,

    jfloat radiusY, jlong inputFilterHandle, jint edgeTreatment) {

    auto* inputImageFilter = reinterpret_cast(inputFilterHandle);

    sk_sp blurFilter =

    SkImageFilters::Blur(

    Blur::convertRadiusToSigma(radiusX),

    Blur::convertRadiusToSigma(radiusY),

    static_cast(edgeTreatment),

    sk_ref_sp(inputImageFilter),

    nullptr);

    return reinterpret_cast(blurFilter.release());

    }

    这里有两个函数来处理我们传过来的模糊的值，咱进去看看。

    🌀 convertRadiusToSigma(convertSigmaToRadius)

    //该常数近似于在SkBlurMask::Blur()(1/sqrt(3)中，在软件路径的"高质量"模式下进行的缩放。

    static const float BLUR_SIGMA_SCALE = 0.57735f;

    float Blur::convertRadiusToSigma(float radius) {

    return radius > 0 ? BLUR_SIGMA_SCALE * radius + 0.5f : 0.0f;

    }

    float Blur::convertSigmaToRadius(float sigma) {

    return sigma > 0.5f ? (sigma - 0.5f) / BLUR_SIGMA_SCALE : 0.0f;

    }

    🌀 sk_ref_sp(inputImageFilter)

    external/skia/include/core/SkRefCnt.h

    /*

    *  返回包装提供的 ptr 的 sk_sp 并对其调用 ref （如果不为空）

    */

    template  sk_sp sk_ref_sp(T* obj) {

    //sk_sp :

    return sk_sp(SkSafeRef(obj));

    }

    //SkSafeRef：检查参数是否为非空，如果是，则调用 obj->ref() 并返回 obj。

    template  static inline T* SkSafeRef(T* obj) {

    if (obj) {

    obj->ref();

    自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

    深知大多数初中级安卓工程师，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

    因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

    

    

    

    

    由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

    如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注Android）

    

    最后

    赠送大家一套完整的Android学习资料吧。

    以前一直是自己在网上东平西凑的找，找到的东西也是零零散散，很多时候都是看着看着就没了，时间浪费了，问题却还没得到解决，很让人抓狂。

    后面我就自己整理了一套资料，还别说，真香！

    资料有条理，有系统，还很全面，我不方便直接放出来，大家可以先看看有没有用得到的地方吧。

    附上白嫖地址：《Android架构视频+BATJ面试专题PDF+学习笔记》

    

    

    

    

    

    上东平西凑的找，找到的东西也是零零散散，很多时候都是看着看着就没了，时间浪费了，问题却还没得到解决，很让人抓狂。

    后面我就自己整理了一套资料，还别说，真香！

    资料有条理，有系统，还很全面，我不方便直接放出来，大家可以先看看有没有用得到的地方吧。

    附上白嫖地址：《Android架构视频+BATJ面试专题PDF+学习笔记》

    [外链图片转存中…(img-upqTdTUU-1710495580318)]

    [外链图片转存中…(img-QDoYCjO7-1710495580319)]

    [外链图片转存中…(img-0y3AZie0-1710495580319)]

    [外链图片转存中…(img-YR4fL1FT-1710495580320)]

    [外链图片转存中…(img-cqec9KeO-1710495580320)]