一、前言：
我们在开发过程中，经常会遇到高斯模糊的图片，或者高斯模糊背景的情况，所以今天记录一下，下面是效果图：
普通图片.png
高斯模糊图片.png
高斯模糊背景图片.png
gitHub地址：https://gitee.com/luoyanyong/MyPayDemo
二、使用：
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<ImageView, Drawable>(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<RelativeLayout, Drawable>(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<ImageView, Drawable>(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<RelativeLayout, Drawable>(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);
网友评论