一、前言：

我们在开发过程中，经常会遇到高斯模糊的图片，或者高斯模糊背景的情况，所以今天记录一下，下面是效果图：

普通图片.png

高斯模糊图片.png

高斯模糊背景图片.png

二、使用：

1. 依赖：

// glide的使用

implementation 'com.github.bumptech.glide:glide:4.6.1'

2. MainActivity使用

public class MainActivity extends AppCompatActivity {

private static final String TAG = "LUO";

private String url1;

private String url2;

private ImageView image1;

private ImageView image2;

private ImageView image3;

private RelativeLayout rl_background;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

image1 = findViewById(R.id.image1);

image2 = findViewById(R.id.image2);

image3 = findViewById(R.id.image3);

rl_background = findViewById(R.id.rl_background);

url1 = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1587018016842&di=a45fd7e0a73fa060c831fd6d131b1d7d&imgtype=0&src=http%3A%2F%2Fpic26.nipic.com%2F20130122%2F5056611_171645641000_2.jpg";

url2 = "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1587018016841&di=b32e4e903272cbe825ae9e0104b78635&imgtype=0&src=http%3A%2F%2Fimg.taopic.com%2Fuploads%2Fallimg%2F130331%2F240460-130331064K470.jpg";

initData();

}

private void initData() {

/**

* 图片1，普通图片

*/

Glide.with(this).load(url1).into(image1);

/**

* 图片2，高斯模糊图片

*/

Glide.with(this)

.load(url2)

.apply(RequestOptions.bitmapTransform(new GlideBlurTransformation(this)))

.into(new ViewTarget(image2) {

@Override

public void onResourceReady(@NonNull Drawable resource, @Nullable Transition super Drawable> transition) {

Drawable current = resource.getCurrent();

//设置背景图

//image2.setBackground(current);

//设置图片

image2.setImageDrawable(current);

}

});

/**

* 图片3，图片+高斯模糊背景(图片)

*/

Glide.with(this).load(url2).into(image3);

//图片3，图片+高斯模糊背景(背景)

Glide.with(this)

.load(url2)

.apply(RequestOptions.bitmapTransform(new GlideBlurTransformation(this)))

// .apply(RequestOptions.bitmapTransform( new BlurTransformation(context, 20)))

.into(new ViewTarget(rl_background) {

@Override

public void onResourceReady(@NonNull Drawable resource, @Nullable Transition super Drawable> transition) {

Drawable current = resource.getCurrent();

rl_background.setBackground(current);

}

});

}

}

3. GlideBlurTransformation类

/**

* 高斯模糊

*/

public class GlideBlurTransformation extends CenterCrop {

private Context context;

public GlideBlurTransformation(Context context) {

this.context = context;

}

@Override

protected Bitmap transform(@NonNull BitmapPool pool, @NonNull Bitmap toTransform, int outWidth, int outHeight) {

// 设置渲染的模糊程度, 25f是最大模糊度

return BlurBitmapUtil.instance().blurBitmap(context, toTransform, 25, outWidth, outHeight);

}

@Override

public void updateDiskCacheKey(MessageDigest messageDigest) {

}

}

4. BlurBitmapUtil类

/**

* Function:实现高斯模糊工具类

*/

public class BlurBitmapUtil {

/**

* 图片缩放比例(即模糊度);

* 缩放比例越大，模糊度越高

*/

private static final int BITMAP_SCALE = 16;

private static BlurBitmapUtil sInstance;

private BlurBitmapUtil() {

}

public static BlurBitmapUtil instance() {

if (sInstance == null) {

synchronized (BlurBitmapUtil.class) {

if (sInstance == null) {

sInstance = new BlurBitmapUtil();

}

}

}

return sInstance;

}

/**

* @param context 上下文对象

* @param image 需要模糊的图片

* @param blurRadius 图片模糊的值

* @param outWidth 输入出的宽度

* @param outHeight 输出的高度

* @return 模糊处理后的Bitmap

*/

@TargetApi(Build.VERSION_CODES.JELLY_BEAN_MR1)

public Bitmap blurBitmap(Context context, Bitmap image, float blurRadius, int outWidth, int outHeight) {

// 将缩小后的图片做为预渲染的图片

Bitmap inputBitmap = Bitmap.createScaledBitmap(image, outWidth/BITMAP_SCALE, outHeight/BITMAP_SCALE, false);

// 创建一张渲染后的输出图片

Bitmap outputBitmap = Bitmap.createBitmap(inputBitmap);

// 创建RenderScript内核对象

RenderScript rs = RenderScript.create(context);

// 创建一个模糊效果的RenderScript的工具对象

ScriptIntrinsicBlur blurScript = ScriptIntrinsicBlur.create(rs, Element.U8_4(rs));

// 由于RenderScript并没有使用VM来分配内存,所以需要使用Allocation类来创建和分配内存空间

// 创建Allocation对象的时候其实内存是空的,需要使用copyTo()将数据填充进去

Allocation tmpIn = Allocation.createFromBitmap(rs, inputBitmap);

Allocation tmpOut = Allocation.createFromBitmap(rs, outputBitmap);

// 设置渲染的模糊程度, 25f是最大模糊度

//其中blurRadius为模糊处理的虚化程度，不断对该数值的增大，会造成CPU的紧张，通过简单的多次使用，默认最大为25。当然越小的话对CPU负担越不重。

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) {

blurScript.setRadius(blurRadius);

}

// 设置blurScript对象的输入内存

blurScript.setInput(tmpIn);

// 将输出数据保存到输出内存中

blurScript.forEach(tmpOut);

// 将数据填充到Allocation中

tmpOut.copyTo(outputBitmap);

return outputBitmap;

}

}

5.总结：

设置图片的背景可以是ImageView、RelativeLayout等任何控件：

//1. ImageView

Glide.with(this)

.load(url2)

.apply(RequestOptions.bitmapTransform(new GlideBlurTransformation(this)))

.into(new ViewTarget(image2) {

@Override

public void onResourceReady(@NonNull Drawable resource, @Nullable Transition super Drawable> transition) {

Drawable current = resource.getCurrent();

//设置背景图

//image2.setBackground(current);

//设置图片

image2.setImageDrawable(current);

}

});

-----------------------------------

//2. RelativeLayout

Glide.with(this)

.load(url2)

.apply(RequestOptions.bitmapTransform(new GlideBlurTransformation(this)))

// .apply(RequestOptions.bitmapTransform( new BlurTransformation(context, 20)))

.into(new ViewTarget(rl_background) {

@Override

public void onResourceReady(@NonNull Drawable resource, @Nullable Transition super Drawable> transition) {

Drawable current = resource.getCurrent();

rl_background.setBackground(current);

}

});

可以设置图片或者是背景

//设置背景图

//image2.setBackground(current);

//设置图片

image2.setImageDrawable(current);

设置渲染的模糊程度, 25f是最大模糊度

注意： 其中blurRadius为模糊处理的虚化程度，不断对该数值的增大，会造成CPU的紧张，通过简单的多次使用，默认最大为25。当然越小的话对CPU负担越不重。

BlurBitmapUtil.instance().blurBitmap(context, toTransform, 25, outWidth, outHeight);

缩放比例越大，模糊度越高(千万不要相乘,相乘的话，模糊度太低了)

/**

* 图片缩放比例(即模糊度);

* 缩放比例越大，模糊度越高

*/

private static final int BITMAP_SCALE = 16;

// 将缩小后的图片做为预渲染的图片

Bitmap inputBitmap = Bitmap.createScaledBitmap(image, outWidth/BITMAP_SCALE, outHeight/BITMAP_SCALE, false);