iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >Android模糊处理简单实现毛玻璃效果
  • 803
分享到

Android模糊处理简单实现毛玻璃效果

毛玻璃Android 2022-06-06 09:06:31 803人浏览 薄情痞子
摘要

自从iOS系统引入了Blur效果,也就是所谓的毛玻璃、模糊化效果、磨砂效果,各大系统就开始竞相模仿,这是怎样的一个效果呢,我们先来看一下,如下面的图片: 实现效果大家都知道了,

自从iOS系统引入了Blur效果,也就是所谓的毛玻璃、模糊化效果、磨砂效果,各大系统就开始竞相模仿,这是怎样的一个效果呢,我们先来看一下,如下面的图片:

实现效果大家都知道了,如何在Android中实现呢,说白了就是对图片进行模糊化处理,小编先给大家讲一下Android高级模糊技术的原理,如下:

首先我创建了一个空的bitmap,把背景的一部分复制进去,之后我会对这个bitmap进行模糊处理并设置为TextView的背景。 通过这个bitmap保存Canvas的状态; 在父布局文件中把Canvas移动到TextView的位置; 把ImageView的内容绘到bitmap中; 此时,我们就有了一个和TextView一样大小的bitmap,它包含了ImageView的一部分内容,也就是TextView背后一层布局的内容; 创建一个Renderscript的实例; 把bitmap复制一份到Renderscript需要的数据片中; 创建Renderscript模糊处理的实例; 设置输入,半径范围然后进行模糊处理; 把处理后的结果复制回之前的bitmap中; 好了,我们已经把bitmap惊醒模糊处理了,可以将它设置为TextView背景了;

我最近在做一款App,其中有一个功能需要对图片处理实现毛玻璃的特效,经过一番研究,找到了3中实现方案,其中各有优缺点,如果系统的api在16以上,可以使用系统提供的方法直接处理图片,但是小编认为下边的解决方案是实现效果最好的。
代码如下:


public Bitmap fastblur(Context context, Bitmap sentBitmap, int radius) { 
    Bitmap 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 temp = 256 * divsum; 
    int dv[] = new int[temp]; 
    for (i = 0; i < temp; 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++) { 
        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); 
  } 
您可能感兴趣的文章:Android图片特效:黑白特效、圆角效果、高斯模糊Android关于Glide的使用(高斯模糊、加载监听、圆角图片)Android中实现布局背景模糊化处理的方法Android实现图片的高斯模糊(两种方式)Android模糊处理实现图片毛玻璃效果Android实现动态高斯模糊效果Android 实现图片模糊、高斯模糊、毛玻璃效果的三种方法Android实现个人资料页面头像背景模糊显示包(状态栏)Android调用系统拍照裁剪图片模糊的解决方法Android实现局部模糊效果


--结束END--

本文标题: Android模糊处理简单实现毛玻璃效果

本文链接: https://www.lsjlt.com/news/25679.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 怎么用CSS3实现毛玻璃模糊效果
    这篇文章主要介绍“怎么用CSS3实现毛玻璃模糊效果”,在日常操作中,相信很多人在怎么用CSS3实现毛玻璃模糊效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用CSS3实...
    99+
    2024-04-02
  • Android实现毛玻璃效果弹出菜单动画
    本文实例为大家分享了Android实现毛玻璃效果弹出菜单动画的具体代码,供大家参考,具体内容如下 仿ios上屏幕下方向上滑出来的一个模糊菜单,效果如下 原理很简单,页面上原来有...
    99+
    2022-11-13
    Android毛玻璃效果 Android毛玻璃菜单 Android弹出菜单
  • 如何在Android中使用RenderScript实现一个毛玻璃模糊效果
    今天就跟大家聊聊有关如何在Android中使用RenderScript实现一个毛玻璃模糊效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。RenderScript 介绍在开始之前,先...
    99+
    2023-05-31
    android renderscript ers
  • CSS3中实现毛玻璃效果
    这期内容当中小编将会给大家带来有关CSS3中实现毛玻璃效果,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。body {    min-height:&nbs...
    99+
    2023-06-08
  • Android中怎么实现毛玻璃背景效果
    这篇文章给大家介绍Android中怎么实现毛玻璃背景效果,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。思路:     1.使用findViewByid获得需要设置毛玻璃的控件。&...
    99+
    2023-05-30
    android
  • CSS3如何实现毛玻璃效果
    这篇文章主要介绍“CSS3如何实现毛玻璃效果”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“CSS3如何实现毛玻璃效果”文章能帮助大家解决问题。代码如下:body {  ...
    99+
    2023-07-05
  • CSS中怎么实现毛玻璃效果
    CSS中怎么实现毛玻璃效果,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。<!DOCTYPE html> &nb...
    99+
    2024-04-02
  • Qt实现简易毛玻璃效果的示例代码
    目录现有功能运行结果源码frosted_glass_label.hfrosted_glass_label.cppmain.cpp现有功能 1.用模糊功能实现简易的毛玻璃效果。 2.鼠...
    99+
    2024-04-02
  • css怎么实现毛玻璃效果的方法
    这篇文章将为大家详细讲解有关css怎么实现毛玻璃效果的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。什么是csscss是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使...
    99+
    2023-06-15
  • OpenCV-PS扩散毛玻璃效果的实现代码
    实现原理 PS的扩散效果可以产生类似毛玻璃质感的效果,使画面有些毛毛的感觉。其实现可通过操作像素三通道数值的方式实现,定义一个随机数器,将图像中任一点的数值赋值为,以该点为中心一定尺...
    99+
    2024-04-02
  • 如何实现C++语言中的毛玻璃效果
    今天就跟大家聊聊有关如何实现C++语言中的毛玻璃效果,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。在基于Windows Vista的普通Windows应用程序及对话框程序中,如何利用...
    99+
    2023-06-17
  • Android开发中怎么实现一个iOS中的毛玻璃效果
    本篇文章为大家展示了Android开发中怎么实现一个iOS中的毛玻璃效果,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。实现代码:<html><head> <meta h...
    99+
    2023-05-31
    android ios roi
  • 如何使用纯CSS实现底层毛玻璃效果
    这篇“如何使用纯CSS实现底层毛玻璃效果”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“如何使用纯CSS实现底层毛玻璃效果”,小编整理了以下知识点,请大家跟着小...
    99+
    2024-04-02
  • 利用Flutter实现背景图片毛玻璃效果实例
    目录前言使用 canvas 绘制图片更改绘制图片的绘制范围毛玻璃效果实现总结前言 继续我们绘图相关篇章,这次我们来看看如何使用 CustomPaint 实现毛玻璃背景图效果。毛玻璃背...
    99+
    2024-04-02
  • 如何利用CSS如何实现全兼容的毛玻璃效果
    这篇文章主要讲解了“如何利用CSS如何实现全兼容的毛玻璃效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“如何利用CSS如何实现全兼容的毛玻璃效果”吧!通过...
    99+
    2024-04-02
  • Opencv 马赛克和毛玻璃效果与图片融合的实现
    目录1.马赛克效果2. 毛玻璃效果3. 图片的融合算法实现1.马赛克效果 马赛克的基本原理就是,用某一个区域的某一个像素点替代这个区域所有的像素点,从而导致图片出现模糊的效果,如下...
    99+
    2024-04-02
  • 怎么实现Opencv马赛克和毛玻璃效果与图片融合
    这篇文章主要介绍“怎么实现Opencv马赛克和毛玻璃效果与图片融合”,在日常操作中,相信很多人在怎么实现Opencv马赛克和毛玻璃效果与图片融合问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么实现Openc...
    99+
    2023-06-25
  • android实现简单仪表盘效果
    本文实例为大家分享了android实现简单仪表盘效果的具体代码,供大家参考,具体内容如下 实现这个效果: 中间的文字很好写,外层的进度条就需要自定义控件了,代码如下: publ...
    99+
    2024-04-02
  • OpenCV利用高斯模糊实现简单的磨皮美颜效果
    目录1.高斯模糊1.什么是高斯模糊2.opencv提供的API2.双边模糊1.什么是双边模糊2.opencv的API3.磨皮美颜效果的实现1.实现过程2.主要代码3.效果1.高斯模糊...
    99+
    2024-04-02
  • Android三行代码实现高斯模糊效果
    目录前言可行的方案BlurryBlurView(推荐)前言 设计:有了毛玻璃效果,产品的逼格直接拉满了呀 我:啊,对对对。我去 GayHub 上找找有没有好的解决方案吧 设计:Gay...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作