文章目录

  • 前言
  • 使用 RenderScript 实现高斯模糊
  • RenderScript 配合 Glide 实现高斯模糊
  • 参考


前言

在 Android 中,实现高斯模糊效果的主要方式有:

  • Java:FastBlur.java,由于在 Java 层做处理,效率较低。
  • Android:RenderScript,原生 API,在 C/C++ 层做处理,效率较高。

对比后不难发现 RenderScript 是更好的选择,它是原生 API,使用简单,同时也有较高的效率。还可以和 Glide 搭配使用。

使用 RenderScript 实现高斯模糊

/**
     * 使用 RenderScript 对图片进行高斯模糊
     * @param context
     * @param originImage 原图
     * @param blurRadius 模糊半径,取值区间为 (0, 25]
     * @param scaleRatio 缩小比例,假设传入 a,那么图片的宽高是原来的 1 / a 倍,取值 >= 1
     * @return
    public static Bitmap blurBitmap(Context context, Bitmap originImage,
                                    float blurRadius, int scaleRatio) {
        if (blurRadius <= 0 || blurRadius > 25f || scaleRatio < 1) {
            throw new IllegalArgumentException("ensure blurRadius in (0, 25] and scaleRatio >= 1");
        // 计算图片缩小后的宽高
        int width = originImage.getWidth() / scaleRatio;
        int height = originImage.getHeight() / scaleRatio;
        // 创建缩小的 Bitmap
        Bitmap bitmap = Bitmap.createScaledBitmap(originImage, width, height, false);
        // 创建 RenderScript 对象
        RenderScript rs = RenderScript.create(context);
        // 创建一个带模糊效果的工具对象
        ScriptIntrinsicBlur blur = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));
        // 由于 RenderScript 没有使用 VM 来分配内存,所以需要使用 Allocation 类来创建和分配内存空间
        Allocation input = Allocation.createFromBitmap(rs, bitmap);
        // 创建相同类型的 Allocation 对象用来输出
        Allocation output = Allocation.createTyped(rs, input.getType());
        // 设置渲染的模糊程度,最大为 25f
        blur.setRadius(blurRadius);
        // 设置输入和输出内存
        blur.setInput(input);
        blur.forEach(output);
        // 将数据填充到 Bitmap
        output.copyTo(bitmap);
        // 销毁它们的内存
        input.destroy();
        output.destroy();
        blur.destroy();
        rs.destroy();
        return bitmap;
    }

关于两个参数 blurRadius 和 scaleRatio:

  • blurRadius:设置虚化程度,增大该值可以得到更高程度的虚化,不过会导致虚化时间变长,效率降低。官方将该值的上限设为 25,可能就是因为更高的值就影响到性能了。
  • scaleRatio:设置 Bitmap 的缩小比例,使用更小的 Bitmap 来虚化同样可以得到更好的模糊效果,而且还减少了内存的占用。

RenderScript 配合 Glide 实现高斯模糊

RenderScript 直接作用的对象是 Bitmap,但平时我们使用的大多数图片都是要通过网络下载的。所以如果需要对网络图片进行高斯模糊,可以借助 Glide 来实现。

Glide.with(context)
            .load(url)
            .apply(new RequestOptions()
                    .transform(new BitmapTransformation() {
                        @Override
                        protected Bitmap transform(@NonNull BitmapPool pool,
                                                   @NonNull Bitmap toTransform, int outWidth, int outHeight) {
                            // 对得到的 Bitmap 进行虚化处理,这里使用了上面的 RenderScript 高斯模糊方法
                            return blurBitmap(context, toTransform, 5, 8);
                        @Override
                        public void updateDiskCacheKey(@NonNull MessageDigest messageDigest) {
            .into(mImageView);

重写 transform 方法,在该方法中使用 RenderScript 对得到的 Bitmap 进行虚化处理。

参考