Android使用高斯模糊实现模糊背景

引言

最近的开发中实现了一个模糊背景的效果。大概效果是这样的：

实现思路

1. 将View转成Bitmap，并且记录列表的滑动距离，生成bitmap时上移画布（这样是为了实现滑到那，模糊那的效果）

   上移画布：一般绘制View，canvas的起始点在屏幕的左上角，也就是(0,0)。当canvas上移距离y后，绘制的起点会变成(0,-y)。这样canvas竖直方向-y到0这一部分会在屏幕外，那么在绘制的时候view的top到top+y是在屏幕外面，我们看不到；我们能看到的部分是从view的top+y开始的，这样就实现了模糊滑动后的列表了。

2. 使用高斯模糊，对上一步生成的bitmap进行模糊处理

核心代码

高斯模糊

使用RenderScript，下列代码可以直接用。sdk>17可以正常使用。需要兼容sdk<17的话，要增加配置。文末会给参考文章

//使用RenderScript
private static Bitmap rsBlur(Context context, Bitmap source, float radius, float scale){
  int scaleWidth = (int) (source.getWidth() * scale);
  int scaleHeight = (int) (source.getHeight() * scale);
  Bitmap scaledBitmap = Bitmap.createScaledBitmap(source, scaleWidth,
                                                  scaleHeight,false);

  Bitmap inputBitmap = scaledBitmap;
  Log.i("RenderScriptActivity","size:"+inputBitmap.getWidth()+","+inputBitmap.getHeight());

  //创建RenderScript
  RenderScript renderScript = RenderScript.create(context);

  //创建Allocation
  Allocation input = Allocation.createFromBitmap(renderScript, inputBitmap,  Allocation.MipmapControl.MIPMAP_NONE, USAGE_SCRIPT);
  Allocation output = Allocation.createTyped(renderScript, input.getType());

  //创建ScriptIntrinsic
  ScriptIntrinsicBlur intrinsicBlur = ScriptIntrinsicBlur.create(renderScript, Element.U8_4(renderScript));

  intrinsicBlur.setInput(input);

  intrinsicBlur.setRadius(radius);

  intrinsicBlur.forEach(output);

  output.copyTo(inputBitmap);

  renderScript.destroy();

  return inputBitmap;
}

View转Bitmap

代码很简单，需要注意的是将canvas上移scrollY。scrollY是gif中看到的列表相对起始位置滑动的距离。

还有生成的Bitmap要使用ARGB_8888格式，RGB_565效果不理想。

Bitmap bitmap = Bitmap.createBitmap(llListWidth, llListHeight, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(bitmap);
Log.e("ListViewBlurActivity","useCanvas,scrollY:"+scrollY);
canvas.translate(0,-scrollY);
llList.draw(canvas);

参考文章

1. Android 图片高斯模糊解决方案

   关于高斯模糊，很全面的文章，会告诉你如何兼容sdk<17的设备。

2. Android Canvas translate() 平移

   关于Canvas的translate()。