Android 高斯模糊效果从319ms到3ms的优化实现
之前做过高斯模糊的的效果,不过依赖一个三方库,今天看到了一篇文章,一个类文件就能解决,感觉窃喜,分享给大家。
三方库android-stackblur:https://github.com/kikoso/android-stackblur
使用:
Glide.with(getActivity()).load(mUser.avatarUrl).asBitmap().into(new SimpleTarget<Bitmap>() {@Overridepublic void onResourceReady(Bitmap resource, GlideAnimation<? super Bitmap> glideAnimation) {if(resource != null) {StackBlurManager stackBlurManager = new StackBlurManager(resource);Bitmap bitmap = stackBlurManager.process(20);mUserContainer.setBackground(new BitmapDrawable(getResources(),bitmap));}}});
使用简单方便。
正文开始。
我要做的效果就是自定义image大小,自定义高斯模糊的区域,这样才算我要的效果。
先上图分别是优化前和优化后的,大家可想这个优化的作用多么巨大,我直接把这个效果的显示耗时在界面绘制出来了,下面图片中的单位打错了额,是ms。
3ms VS 209ms
4ms VS 197ms
说下实现吧,那个算法我就没有怎么研究了,直接是个算法类,直接把要模糊的Bitmap传进去返回的就是模糊后的。代码如下:
public class FastBlur {public static Bitmap doBlur(Bitmap sentBitmap, int radius, boolean canReuseInBitmap) {// Stack Blur v1.0 from// http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html//// Java Author: Mario Klingemann <mario at="" quasimondo.com="">// http://incubator.quasimondo.com// created Feburary 29, 2004// Android port : Yahel Bouaziz <yahel at="" kayenko.com="">// http://www.kayenko.com// ported april 5th, 2012// This is a compromise between Gaussian Blur and Box blur// It creates much better looking blurs than Box Blur, but is// 7x faster than my Gaussian Blur implementation.//// I called it Stack Blur because this describes best how this// filter works internally: it creates a kind of moving stack// of colors whilst scanning through the image. Thereby it// just has to add one new block of color to the right side// of the stack and remove the leftmost color. The remaining// colors on the topmost layer of the stack are either added on// or reduced by one, depending on if they are on the right or// on the left side of the stack.//// If you are using this algorithm in your code please add// the following line://// Stack Blur Algorithm by Mario Klingemann <mario@quasimondo.com>Bitmap bitmap;if (canReuseInBitmap) {bitmap = sentBitmap;} else {bitmap = sentBitmap.copy(sentBitmap.getConfig(), true);}if (radius < 1) {return (null);}int w = bitmap.getWidth();int h = bitmap.getHeight();int[] pix = new int[w * h];bitmap.getPixels(pix, 0, w, 0, 0, w, h);int wm = w - 1;int hm = h - 1;int wh = w * h;int div = radius + radius + 1;int r[] = new int[wh];int g[] = new int[wh];int b[] = new int[wh];int rsum, gsum, bsum, x, y, i, p, yp, yi, yw;int vmin[] = new int[Math.max(w, h)];int divsum = (div + 1) >> 1;divsum *= divsum;int dv[] = new int[256 * divsum];for (i = 0; i < 256 * divsum; i++) {dv[i] = (i / divsum);}yw = yi = 0;int[][] stack = new int[div][3];int stackpointer;int stackstart;int[] sir;int rbs;int r1 = radius + 1;int routsum, goutsum, boutsum;int rinsum, 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);}
}
接下来就是在代码中去用了。
先上优化前的方法:因为下面红字部分那句的代码把我坑惨了,原来用了matrix,在新建的时候还是要用matrix前的大小,我也是晕的不要不要的了。。。
还有注意要根据演示区域的大小,缩放bitmap的大小后再剪裁,再模糊。
这里顺便熟悉了canvas,drawBitmap,放大缩小的一些方法
public void test(View v) {Bitmap srcbitmap = BitmapFactory.decodeResource(getResources(),R.drawable.meitu);long t1 = System.currentTimeMillis();imageView.setBackground(new BitmapDrawable(getResources(), srcbitmap));// 设置大背景Bitmap backBitmap = Bitmap.createBitmap(textView.getMeasuredWidth(),// 设置需高斯模糊的背景textView.getMeasuredHeight(), Config.RGB_565);float f1 = (float) imageView.getMeasuredWidth()/ (float) srcbitmap.getWidth();float f2 = (float) imageView.getMeasuredHeight()/ (float) srcbitmap.getHeight();Matrix matrix = new Matrix();matrix.postScale(f1, f2);Bitmap desBitmap = Bitmap.createBitmap(srcbitmap, 0, 0,srcbitmap.getWidth(), srcbitmap.getHeight(), matrix, true); //因为作为背景的bmp已经缩放,那么需要剪裁的bmp也要缩放----------这里3/4参数是坑Bitmap lastBitmap = Bitmap.createBitmap(desBitmap, textView.getLeft(),textView.getTop(), textView.getMeasuredWidth(),textView.getMeasuredHeight()); // 根据模糊的区域剪裁Canvas canvas = new Canvas(backBitmap);canvas.drawBitmap(lastBitmap, 0, 0, new Paint());backBitmap = FastBlur.doBlur(backBitmap, (int) 20, true);textView.setBackground(new BitmapDrawable(getResources(), backBitmap));long t2 = System.currentTimeMillis();textView.setText((t2 - t1) + "S");// 319S}
下面是优化后的方法:
其实现原理是反正效果也是模糊的,先把图片弄小模糊,再把模糊放大,这样就减少了算法的复杂度
public void test2(View v) {int rad = 8;Bitmap srcbitmap = BitmapFactory.decodeResource(getResources(),R.drawable.meitu);long t1 = System.currentTimeMillis();imageView.setBackground(new BitmapDrawable(getResources(), srcbitmap));// 设置大背景Bitmap backBitmap = Bitmap.createBitmap(textView.getMeasuredWidth()/rad,// 设置需高斯模糊的背景textView.getMeasuredHeight()/rad, Config.RGB_565);float f1 = (float) imageView.getMeasuredWidth()/ (float) srcbitmap.getWidth();float f2 = (float) imageView.getMeasuredHeight()/ (float) srcbitmap.getHeight();Matrix matrix = new Matrix();matrix.postScale(f1/8, f2/8);Bitmap desBitmap = Bitmap.createBitmap(srcbitmap, 0, 0,srcbitmap.getWidth(), srcbitmap.getHeight(), matrix, true); // 因为作为背景的bmp已经缩放,那么需要剪裁的bmp也要缩放----------这里3/4参数是坑Bitmap lastBitmap = Bitmap.createBitmap(desBitmap, textView.getLeft()/8,textView.getTop()/8, textView.getMeasuredWidth()/8,textView.getMeasuredHeight()/8); // 根据模糊的区域剪裁Canvas canvas = new Canvas(backBitmap);canvas.drawBitmap(lastBitmap, 0, 0, new Paint());backBitmap = FastBlur.doBlur(backBitmap, (int) 2, true);canvas.scale(1/rad, 1/rad);textView.setBackground(new BitmapDrawable(getResources(), backBitmap));long t2 = System.currentTimeMillis();textView.setText((t2 - t1) + "S");// 2S}
摘自:http://blog.csdn.net/scboyhj__/article/details/50273059
Android 高斯模糊效果从319ms到3ms的优化实现相关推荐
- Android中为网络图片设置高斯模糊效果
参考了这篇文章: Android:简单靠谱的动态高斯模糊效果 写一个方法,用来对Bitmap进行高斯模糊: public static Bitmap blurBitmap( ...
- Android使用RenderScript实现图片的高斯模糊效果
Android使用RenderScript实现图片的高斯模糊效果 首先来看一下什么是高斯模糊效果呢? 高斯模糊(英语:Gaussian Blur),也叫高斯平滑,是在Adobe Photoshop.G ...
- android+动态模糊效果,Android 动态高斯模糊效果教程
写在前面 最近一直在做毕设项目的准备工作,考虑到可能要用到一个模糊的效果,所以就学习了一些高斯模糊效果的实现.比较有名的就是 FastBlur 以及它衍生的一些优化方案,还有就是今天要说的Render ...
- 图片高斯模糊效果的实现
本片文章实现了个人中心用户头像的高斯模糊效果. 首先是效果图: 点击按钮,用户头像的背景图片变成模糊背景,这样看起来更清爽一些,如果有小伙伴需要这样的效果,赶紧跟着看下去吧! 一.主界面MainAct ...
- 高斯模糊效果实现方案及性能对比
高斯模糊实现方案探究 现在越来越多的app在背景图中使用高斯模糊效果,如yahoo天气,效果做得很炫. 这里就用一个demo来谈谈它的不同实现方式及各自的优缺点. 1. RenderScript 谈到 ...
- 高斯模糊java代码_一行java代码实现高斯模糊效果
本文实例为大家分享了本地图片或者网络图片高斯模糊效果(毛玻璃效果),具体内容如下 首先看效果图 1.本地图片高斯模糊 2.网络图片高斯模糊 下面是使用步骤 一.实现本地图片或者网络图片的毛玻璃效果特别 ...
- js实现图片虚化_js canvas画布实现高斯模糊效果
最近项目中有一个需求是实现图片的局部模糊效果,看上去一个挺难的效果.在实现局部模糊效果前,首先能够实现全部模糊.经过和度娘的一番较劲后,找到了一个不错的案例,然后在他的基础上,经过一番修改,和备注,实 ...
- Flutter ImageFilter 高斯模糊效果 BackdropFilter 实现过滤效果
在码农的世界里,优美的应用体验,来源于程序员对细节的处理以及自我要求的境界,年轻人也是忙忙碌碌的码农中一员,每天.每周,都会留下一些脚印,就是这些创作的内容,有一种执着,就是不知为什么,如果你迷茫,不 ...
- CSS实现背景图片高斯模糊效果
效果演示 未添加高斯模糊的效果: 代码: body {background: url(./images/bg.jpg);background-size: cover; } 添加了高斯模糊的效果: 代码 ...
最新文章
- Android数据存储方式
- mysql 5.5.37 my.cnf,linux安装最新mysql5.5,my.cnf找不到解决办法
- Chapter7-13_Dialogue State Tracking (as Question Answering)
- day 05总结(格式化输出的三种方式/基本运算符/if判断)
- 一段字符串修改某一个位置的值
- Spring Ioc创建对象的方式
- carry函数在C语言中用法,CArry的使用完整版.doc
- 算法与数据结构1800题 树和二叉树
- python 按规则拆分文件_python实现按行分割文件
- linux 双显示器 异常,终于搞定双显示器了
- vsomeip源码梳理 -- OfferService流程
- android系统 PowerManager深入分析(非常详细)
- 测试理论-测试用例设计 (一) --- 正交表分析法
- linux基础教程入门学习是系统汇总全集(附详细的图文目录学习)
- Android 8 WiFi断流,小米8wifi断流怎么解决
- 2022年商用密码行业市场规模前景调研分析预测及投资建议可行性研究预测
- android studio自定义app图标
- springMVC注解定时器Cron表达式编写
- aardio - 菜单操作
- 玩转 ESP32 + Arduino (四) 电容按键 霍尔传感器 外部中断 延时 脉冲检测
热门文章
- 无法开启 IE 开发者工具
- SimAM: A Simple, Parameter-Free Attention Module for Convolutional Neural Networks
- [汇编] 汇编语言实现简易文本编辑器(光标移动、上卷和退格删除)
- 3分钟教会你们如何连接CentOS 7外网
- linux版高德导航软件下载,【高德导航离线地图包下载】高德地图离线包 -ZOL软件下载...
- Hyperledger Fabric2中文文档-修改通道配置
- 2018世界人工智能大会
- MacM1安装Pajek软件的方法(with brew,wine)
- (数电实验报告)用Verilog–HDL语言设计一个8线3线优先编码器
- “添翼杯”人工智能创新应用大赛垃圾分类之模型部分