Android截屏对图片做高斯模糊处理

这几天项目中需要模仿一下iOS版本的微博菜单弹出界面,如下图:

用微博的同学都知道这个效果吧,这篇文章先实现模糊效果,进入、退出动画后面文章分析;

一、说一下实现思路,很简单的:

1、截图:就是获取我们app得截图

获取我们Activity得根view即DecorView,关于DecorView,sdk里面是这么说明的:

Java代码

Retrieve the top-level window decor view (containing the standard window frame/decorations and the client's content inside of that), which can be added as a window to the window manager.

就是说获取最顶层的window,可以添加到window manager里面;

拿到view之后可以调用view的getDrawingCache方法获取bitmap截图;

2、对图片做高斯模糊;

高斯模糊在Photoshop里面用的比较多,可以用来去痘痘。

大致原理是:对指定像素和其周围像素进行加权平均来得到最终结果,使用高斯分布作为滤波器。

这儿可以了解详细的算法原理:http://www.ruanyifeng.com/blog/2012/11/gaussian_blur.html

二、代码实现:

代码比较简单,我自己加了注释贴出来了:

Java代码

privatevoidapplyBlur() {

View view = getWindow().getDecorView();

view.setDrawingCacheEnabled(true);

view.buildDrawingCache(true);

/**

* 获取当前窗口快照,相当于截屏

*/

Bitmap bmp1 = view.getDrawingCache();

intheight = getOtherHeight();

/**

* 除去状态栏和标题栏

*/

Bitmap bmp2 = Bitmap.createBitmap(bmp1,0, height,bmp1.getWidth(), bmp1.getHeight() - height);

blur(bmp2, text);

}

@SuppressLint("NewApi")

privatevoidblur(Bitmap bkg, View view) {

longstartMs = System.currentTimeMillis();

floatscaleFactor =8;//图片缩放比例;

floatradius =20;//模糊程度

Bitmap overlay = Bitmap.createBitmap(

(int) (view.getMeasuredWidth() / scaleFactor),

(int) (view.getMeasuredHeight() / scaleFactor),

Bitmap.Config.ARGB_8888);

Canvas canvas =newCanvas(overlay);

canvas.translate(-view.getLeft() / scaleFactor, -view.getTop()/ scaleFactor);

canvas.scale(1/ scaleFactor,1/ scaleFactor);

Paint paint =newPaint();

paint.setFlags(Paint.FILTER_BITMAP_FLAG);

canvas.drawBitmap(bkg,0,0, paint);

overlay = FastBlur.doBlur(overlay, (int) radius,true);

view.setBackground(newBitmapDrawable(getResources(), overlay));

/**

* 打印高斯模糊处理时间,如果时间大约16ms,用户就能感到到卡顿,时间越长卡顿越明显,如果对模糊完图片要求不高,可是将scaleFactor设置大一些。

*/

Log.i("jerome","blur time:"+ (System.currentTimeMillis() - startMs));

}

/**

* 获取系统状态栏和软件标题栏,部分软件没有标题栏,看自己软件的配置;

* @return

*/

privateintgetOtherHeight() {

Rect frame =newRect();

getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);

intstatusBarHeight = frame.top;

intcontentTop = getWindow().findViewById(Window.ID_ANDROID_CONTENT).getTop();

inttitleBarHeight = contentTop - statusBarHeight;

returnstatusBarHeight + titleBarHeight;

}

我这里用了外国开源项目中的一个Java算法,地址:https://github.com/paveldudka/blurring

Java代码

packagecom.jerome.popdemo;

importandroid.graphics.Bitmap;

/**

* Created by paveld on 3/6/14.

*/

publicclassFastBlur {

publicstaticBitmap doBlur(Bitmap sentBitmap,intradius,

booleancanReuseInBitmap) {

Bitmap bitmap;

if(canReuseInBitmap) {

bitmap = sentBitmap;

}else{

bitmap = sentBitmap.copy(sentBitmap.getConfig(),true);

}

if(radius <1) {

return(null);

}

intw = bitmap.getWidth();

inth = bitmap.getHeight();

int[] pix =newint[w * h];

bitmap.getPixels(pix,0, w,0,0, w, h);

intwm = w -1;

inthm = h -1;

intwh = w * h;

intdiv = radius + radius +1;

intr[] =newint[wh];

intg[] =newint[wh];

intb[] =newint[wh];

intrsum, gsum, bsum, x, y, i, p, yp, yi, yw;

intvmin[] =newint[Math.max(w, h)];

intdivsum = (div +1) >>1;

divsum *= divsum;

intdv[] =newint[256* divsum];

for(i =0; i <256* divsum; i++) {

dv[i] = (i / divsum);

}

yw = yi =0;

int[][] stack =newint[div][3];

intstackpointer;

intstackstart;

int[] sir;

intrbs;

intr1 = radius +1;

introutsum, goutsum, boutsum;

intrinsum, ginsum, binsum;

for(y =0; y < h; y++) {

rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum =0;

for(i = -radius; i <= radius; i++) {

p = pix[yi + Math.min(wm, Math.max(i,0))];

sir = stack[i + radius];

sir[0] = (p &0xff0000) >>16;

sir[1] = (p &0x00ff00) >>8;

sir[2] = (p &0x0000ff);

rbs = r1 - Math.abs(i);

rsum += sir[0] * rbs;

gsum += sir[1] * rbs;

bsum += sir[2] * rbs;

if(i >0) {

rinsum += sir[0];

ginsum += sir[1];

binsum += sir[2];

}else{

routsum += sir[0];

goutsum += sir[1];

boutsum += sir[2];

}

}

stackpointer = radius;

for(x =0; x < w; x++) {

r[yi] = dv[rsum];

g[yi] = dv[gsum];

b[yi] = dv[bsum];

rsum -= routsum;

gsum -= goutsum;

bsum -= boutsum;

stackstart = stackpointer - radius + div;

sir = stack[stackstart % div];

routsum -= sir[0];

goutsum -= sir[1];

boutsum -= sir[2];

if(y ==0) {

vmin[x] = Math.min(x + radius +1, wm);

}

p = pix[yw + vmin[x]];

sir[0] = (p &0xff0000) >>16;

sir[1] = (p &0x00ff00) >>8;

sir[2] = (p &0x0000ff);

rinsum += sir[0];

ginsum += sir[1];

binsum += sir[2];

rsum += rinsum;

gsum += ginsum;

bsum += binsum;

stackpointer = (stackpointer +1) % div;

sir = stack[(stackpointer) % div];

routsum += sir[0];

goutsum += sir[1];

boutsum += sir[2];

rinsum -= sir[0];

ginsum -= sir[1];

binsum -= sir[2];

yi++;

}

yw += w;

}

for(x =0; x < w; x++) {

rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum =0;

yp = -radius * w;

for(i = -radius; i <= radius; i++) {

yi = Math.max(0, yp) + x;

sir = stack[i + radius];

sir[0] = r[yi];

sir[1] = g[yi];

sir[2] = b[yi];

rbs = r1 - Math.abs(i);

rsum += r[yi] * rbs;

gsum += g[yi] * rbs;

bsum += b[yi] * rbs;

if(i >0) {

rinsum += sir[0];

ginsum += sir[1];

binsum += sir[2];

}else{

routsum += sir[0];

goutsum += sir[1];

boutsum += sir[2];

}

if(i < hm) {

yp += w;

}

}

yi = x;

stackpointer = radius;

for(y =0; y < h; y++) {

// Preserve alpha channel: ( 0xff000000 & pix[yi] )

pix[yi] = (0xff000000& pix[yi]) | (dv[rsum] <<16)

| (dv[gsum] <<8) | dv[bsum];

rsum -= routsum;

gsum -= goutsum;

bsum -= boutsum;

stackstart = stackpointer - radius + div;

sir = stack[stackstart % div];

routsum -= sir[0];

goutsum -= sir[1];

boutsum -= sir[2];

if(x ==0) {

vmin[y] = Math.min(y + r1, hm) * w;

}

p = x + vmin[y];

sir[0] = r[p];

sir[1] = g[p];

sir[2] = b[p];

rinsum += sir[0];

ginsum += sir[1];

binsum += sir[2];

rsum += rinsum;

gsum += ginsum;

bsum += binsum;

stackpointer = (stackpointer +1) % div;

sir = stack[stackpointer];

routsum += sir[0];

goutsum += sir[1];

boutsum += sir[2];

rinsum -= sir[0];

ginsum -= sir[1];

binsum -= sir[2];

yi += w;

}

}

bitmap.setPixels(pix,0, w,0,0, w, h);

return(bitmap);

}

}

如果用C/C++实现jni调用,效果会高一些,可以参考:https://github.com/qiujuer/ImageBlurring/blob/master/README-ZH.md

Java代码

/*************************************************

Copyright:  Copyright QIUJUER 2013.

Author:     Qiujuer

Date:       2014-04-18

Description:实现图片模糊处理

**************************************************/

#include

#define ABS(a) ((a)<(0)?(-a):(a))

#define MAX(a,b) ((a)>(b)?(a):(b))

#define MIN(a,b) ((a)<(b)?(a):(b))

/*************************************************

Function:       StackBlur(堆栈模糊)

Description:    使用堆栈方式进行图片像素模糊处理

Calls:          malloc

Table Accessed: NULL

Table Updated:  NULL

Input:          像素点集合,图片宽,图片高,模糊半径

Output:         返回模糊后的像素点集合

Return:         返回模糊后的像素点集合

Others:         NULL

*************************************************/

staticint* StackBlur(int* pix,intw,inth,intradius) {

intwm = w -1;

inthm = h -1;

intwh = w * h;

intdiv = radius + radius +1;

int*r = (int*)malloc(wh * sizeof(int));

int*g = (int*)malloc(wh * sizeof(int));

int*b = (int*)malloc(wh * sizeof(int));

intrsum, gsum, bsum, x, y, i, p, yp, yi, yw;

int*vmin = (int*)malloc(MAX(w,h) * sizeof(int));

intdivsum = (div +1) >>1;

divsum *= divsum;

int*dv = (int*)malloc(256* divsum * sizeof(int));

for(i =0; i <256* divsum; i++) {

dv[i] = (i / divsum);

}

yw = yi =0;

int(*stack)[3] = (int(*)[3])malloc(div *3* sizeof(int));

intstackpointer;

intstackstart;

int*sir;

intrbs;

intr1 = radius +1;

introutsum, goutsum, boutsum;

intrinsum, ginsum, binsum;

for(y =0; y < h; y++) {

rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum =0;

for(i = -radius; i <= radius; i++) {

p = pix[yi + (MIN(wm, MAX(i,0)))];

sir = stack[i + radius];

sir[0] = (p &0xff0000) >>16;

sir[1] = (p &0x00ff00) >>8;

sir[2] = (p &0x0000ff);

rbs = r1 - ABS(i);

rsum += sir[0] * rbs;

gsum += sir[1] * rbs;

bsum += sir[2] * rbs;

if(i >0) {

rinsum += sir[0];

ginsum += sir[1];

binsum += sir[2];

}

else{

routsum += sir[0];

goutsum += sir[1];

boutsum += sir[2];

}

}

stackpointer = radius;

for(x =0; x < w; x++) {

r[yi] = dv[rsum];

g[yi] = dv[gsum];

b[yi] = dv[bsum];

rsum -= routsum;

gsum -= goutsum;

bsum -= boutsum;

stackstart = stackpointer - radius + div;

sir = stack[stackstart % div];

routsum -= sir[0];

goutsum -= sir[1];

boutsum -= sir[2];

if(y ==0) {

vmin[x] = MIN(x + radius +1, wm);

}

p = pix[yw + vmin[x]];

sir[0] = (p &0xff0000) >>16;

sir[1] = (p &0x00ff00) >>8;

sir[2] = (p &0x0000ff);

rinsum += sir[0];

ginsum += sir[1];

binsum += sir[2];

rsum += rinsum;

gsum += ginsum;

bsum += binsum;

stackpointer = (stackpointer +1) % div;

sir = stack[(stackpointer) % div];

routsum += sir[0];

goutsum += sir[1];

boutsum += sir[2];

rinsum -= sir[0];

ginsum -= sir[1];

binsum -= sir[2];

yi++;

}

yw += w;

}

for(x =0; x < w; x++) {

rinsum = ginsum = binsum = routsum = goutsum = boutsum = rsum = gsum = bsum =0;

yp = -radius * w;

for(i = -radius; i <= radius; i++) {

yi = MAX(0, yp) + x;

sir = stack[i + radius];

sir[0] = r[yi];

sir[1] = g[yi];

sir[2] = b[yi];

rbs = r1 - ABS(i);

rsum += r[yi] * rbs;

gsum += g[yi] * rbs;

bsum += b[yi] * rbs;

if(i >0) {

rinsum += sir[0];

ginsum += sir[1];

binsum += sir[2];

}

else{

routsum += sir[0];

goutsum += sir[1];

boutsum += sir[2];

}

if(i < hm) {

yp += w;

}

}

yi = x;

stackpointer = radius;

for(y =0; y < h; y++) {

// Preserve alpha channel: ( 0xff000000 & pix[yi] )

pix[yi] = (0xff000000& pix[yi]) | (dv[rsum] <<16) | (dv[gsum] <<8) | dv[bsum];

rsum -= routsum;

gsum -= goutsum;

bsum -= boutsum;

stackstart = stackpointer - radius + div;

sir = stack[stackstart % div];

routsum -= sir[0];

goutsum -= sir[1];

boutsum -= sir[2];

if(x ==0) {

vmin[y] = MIN(y + r1, hm) * w;

}

p = x + vmin[y];

sir[0] = r[p];

sir[1] = g[p];

sir[2] = b[p];

rinsum += sir[0];

ginsum += sir[1];

binsum += sir[2];

rsum += rinsum;

gsum += ginsum;

bsum += binsum;

stackpointer = (stackpointer +1) % div;

sir = stack[stackpointer];

routsum += sir[0];

goutsum += sir[1];

boutsum += sir[2];

rinsum -= sir[0];

ginsum -= sir[1];

binsum -= sir[2];

yi += w;

}

}

free(r);

free(g);

free(b);

free(vmin);

free(dv);

free(stack);

return(pix);

}

最后来一张屌丝做demo专业效果图:

技术交流QQ群:364595326

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 207,113评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,644评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,340评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,449评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,445评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,166评论 1 284
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,442评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,105评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,601评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,066评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,161评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,792评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,351评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,352评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,584评论 1 261
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,618评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,916评论 2 344

推荐阅读更多精彩内容

  • 上图展示了一种很典型的视觉效果——文字的背景不再是固定的,而是将底层的相应区域模糊化,好似盖了一层毛玻璃。 其原理...
    沉思的Panda阅读 12,542评论 1 52
  • 背景 一年多以前我在知乎上答了有关LeetCode的问题, 分享了一些自己做题目的经验。 张土汪:刷leetcod...
    土汪阅读 12,724评论 0 33
  • 计算机二级C语言上机题库(南开版) 1.m个人的成绩存放在score数组中,请编写函数fun,它的功能是:将低于平...
    MrSunbeam阅读 6,323评论 1 42
  • 缘,是个很奇妙的事。但我相信,若是有缘,我们一定会在陌生的人群中相遇。 认识小饺子,是在美乐婴的早教群里。一开始,...
    陈蕾FZ阅读 653评论 0 50
  • 化学物质在我的心脏部位集结,商讨应对一些莫须有的大事!
    05e357f628f8阅读 200评论 0 0