Android学习教程之图片毛玻璃效果(4)_Android

本教程为大家分享了Android毛玻璃效果的具体代码,供大家参考,具体内容如下

BlurimageActivity.java代码:

package com.siso.crazyworld;

import android.content.res.Resources;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.EditText;
import android.widget.ImageView;

import com.siso.crazyworld.utils.APP;
import com.siso.crazyworld.utils.FastBlurUtil;

public class BlurimageActivity extends AppCompatActivity {

  ImageView image;
  EditText edit;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_blurimage);
    image = (ImageView) findViewById(R.id.image);
    edit = (EditText) findViewById(R.id.edit);

    findViewById(R.id.button2).setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        String pattern = edit.getText().toString();
        int scaleRatio = 0;
        if (TextUtils.isEmpty(pattern)) {
          scaleRatio = 0;
        } else if (scaleRatio < 0) {
          scaleRatio = 10;
        } else {
          scaleRatio = Integer.parseInt(pattern);
        }

        //    获取需要被模糊的原图bitmap
        Resources res = getResources();
        Bitmap scaledBitmap = BitmapFactory.decodeResource(res, R.drawable.filter);

        //    scaledBitmap为目标图像,10是缩放的倍数(越大模糊效果越高)
        Bitmap blurBitmap = FastBlurUtil.toBlur(scaledBitmap, scaleRatio);
        image.setScaleType(ImageView.ScaleType.CENTER_CROP);
        image.setImageBitmap(blurBitmap);
      }
    });

    findViewById(R.id.button).setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        //url为网络图片的url,10 是缩放的倍数(越大模糊效果越高)
        final String pattern = edit.getText().toString();

        final String url =
            //            "http://imgs.duwu.me/duwu/doc/cover/201601/18/173040803962.jpg";
            "http://b.hiphotos.baidu.com/album/pic/item/caef76094b36acafe72d0e667cd98d1000e99c5f.jpg?psign=e72d0e667cd98d1001e93901213fb80e7aec54e737d1b867";
        new Thread(new Runnable() {
          @Override
          public void run() {
            int scaleRatio = 0;
            if (TextUtils.isEmpty(pattern)) {
              scaleRatio = 0;
            } else if (scaleRatio < 0) {
              scaleRatio = 10;
            } else {
              scaleRatio = Integer.parseInt(pattern);
            }
            //            下面的这个方法必须在子线程中执行
            final Bitmap blurBitmap2 = FastBlurUtil.GetUrlBitmap(url, scaleRatio);

            //            刷新ui必须在主线程中执行
            APP.runOnUIThread(new Runnable() {
              @Override
              public void run() {
                image.setScaleType(ImageView.ScaleType.CENTER_CROP);
                image.setImageBitmap(blurBitmap2);
              }
            });
          }
        }).start();

      }
    });
  }
}

activity_blurimage.xml内容:

<?xml version="1.0" encoding="utf-8"?>
  <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <ImageView
      android:id="@+id/image2"
      android:layout_width="match_parent"
      android:layout_height="220dp"
      android:scaleType="centerCrop"
      android:background="@drawable/filter"/>

    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="horizontal">

      <EditText
        android:id="@+id/edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="15dp"
        android:hint="输入模糊度"
        />

      <Button
        android:id="@+id/button2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="转化毛玻璃"/>

      <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="4dp"
        android:text="转化网络图片毛玻璃"/>
    </LinearLayout>

    <ImageView
      android:id="@+id/image"
      android:layout_width="match_parent"
      android:layout_height="240dp"
      android:layout_below="@+id/image2"
      />

  </LinearLayout>

utils文件夹下APP.java代码:

package com.siso.crazyworld.utils;

import android.app.Application;
import android.os.Handler;

public class APP extends Application {
  private static APP sInstance;
  public static APP getInstance() {
    return sInstance;
  }

  /**
   * 在主线程中刷新UI的方法
   *
   * @param r
   */
  public static void runOnUIThread(Runnable r) {
    APP.getMainHandler().post(r);
  }
  /**
   * app的入口函数
   */
  @Override
  public void onCreate() {
    super.onCreate();
    //初始化context
    sInstance = this;
    //初始化handler
    mHandler = new Handler();
  }

  //qcl用来在主线程中刷新ui
  private static Handler mHandler;

  public static Handler getMainHandler() {
    return mHandler;
  }
}

FastBlurUtil.cs代码:

package com.siso.crazyworld.utils;

import android.graphics.Bitmap;
import android.graphics.BitmapFactory;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.URL;

public class FastBlurUtil {
  /**
   * 根据imagepath获取bitmap
   */
  /**
   * 得到本地或者网络上的bitmap url - 网络或者本地图片的绝对路径,比如:
   * A.网络路径: url="http://blog.foreverlove.us/girl2.png" ;
   * B.本地路径:url="file://mnt/sdcard/photo/image.png";
   * C.支持的图片格式 ,png, jpg,bmp,gif等等
   * @param url
   * @return
   */
  public static int IO_BUFFER_SIZE = 2 * 1024;

  public static Bitmap GetUrlBitmap(String url, int scaleRatio) {

    int blurRadius = 8;//通常设置为8就行。
    if (scaleRatio <= 0) {
      scaleRatio = 10;
    }

    Bitmap originBitmap = null;
    InputStream in = null;
    BufferedOutputStream out = null;
    try {
      in = new BufferedInputStream(new URL(url).openStream(), IO_BUFFER_SIZE);
      final ByteArrayOutputStream dataStream = new ByteArrayOutputStream();
      out = new BufferedOutputStream(dataStream, IO_BUFFER_SIZE);
      copy(in, out);
      out.flush();
      byte[] data = dataStream.toByteArray();
      originBitmap = BitmapFactory.decodeByteArray(data, 0, data.length);

      Bitmap scaledBitmap = Bitmap.createScaledBitmap(originBitmap,
          originBitmap.getWidth() / scaleRatio,
          originBitmap.getHeight() / scaleRatio,
          false);
      Bitmap blurBitmap = doBlur(scaledBitmap, blurRadius, true);
      return blurBitmap;
    } catch (IOException e) {
      e.printStackTrace();
      return null;
    }
  }

  private static void copy(InputStream in, OutputStream out)
      throws IOException {
    byte[] b = new byte[IO_BUFFER_SIZE];
    int read;
    while ((read = in.read(b)) != -1) {
      out.write(b, 0, read);
    }
  }

  //  把本地图片毛玻璃化
  public static Bitmap toBlur(Bitmap originBitmap, int scaleRatio) {
    //    int scaleRatio = 10;
    // 增大scaleRatio缩放比,使用一样更小的bitmap去虚化可以到更好的得模糊效果,而且有利于占用内存的减小;
    int blurRadius = 8;//通常设置为8就行。
    //增大blurRadius,可以得到更高程度的虚化,不过会导致CPU更加intensive

    /* 其中前三个参数很明显,其中宽高我们可以选择为原图尺寸的1/10;
    第四个filter是指缩放的效果,filter为true则会得到一个边缘平滑的bitmap,
    反之,则会得到边缘锯齿、pixelrelated的bitmap。
    这里我们要对缩放的图片进行虚化,所以无所谓边缘效果,filter=false。*/
    if (scaleRatio <= 0) {
      scaleRatio = 10;
    }
    Bitmap scaledBitmap = Bitmap.createScaledBitmap(originBitmap,
        originBitmap.getWidth() / scaleRatio,
        originBitmap.getHeight() / scaleRatio,
        false);
    Bitmap blurBitmap = doBlur(scaledBitmap, blurRadius, true);
    return blurBitmap;
  }

  public static Bitmap doBlur(Bitmap sentBitmap, int radius, boolean canReuseInBitmap) {

    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);
  }

}

运行结果如图:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索Android毛玻璃效果
, Android毛玻璃
Android图片毛玻璃
,以便于您获取更多的相关知识。

时间: 2024-10-26 21:20:30

Android学习教程之图片毛玻璃效果(4)_Android的相关文章

Android学习教程之图片毛玻璃效果(4)

本教程为大家分享了Android毛玻璃效果的具体代码,供大家参考,具体内容如下 BlurimageActivity.java代码: package com.siso.crazyworld; import android.content.res.Resources; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.support.v7.app.AppCompatActivit

Android模糊处理实现图片毛玻璃效果_Android

本文实例讲解了Android 虚化图片.模糊图片.图片毛玻璃效果的实现方法,具体内容如下 效果如图: 在Android可以用RenderScript方便的实现这个方法: private void blur(Bitmap bkg, View view, float radius) { Bitmap overlay = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8

Android模糊处理实现图片毛玻璃效果

本文实例讲解了Android 虚化图片.模糊图片.图片毛玻璃效果的实现方法,具体内容如下 效果如图: 在Android可以用RenderScript方便的实现这个方法: private void blur(Bitmap bkg, View view, float radius) { Bitmap overlay = Bitmap.createBitmap(view.getMeasuredWidth(), view.getMeasuredHeight(), Bitmap.Config.ARGB_8

Android实现宫格图片连续滑动效果

在这之前,写过几篇关于在Android中实现滑动的效果,毕竟滑动效果在Andriod开发中也使用得比较频繁,有兴趣的朋友请查看我以前的文章,这里不再详述. 今天写这篇文章的缘由是前一段时间一个网友在我的博客上面留言,想要实现在GridLayout(相当于九宫格)中点击每项可左右滑动显示该宫格的图片,当该宫格的图片显示完以后,接着显示下一宫格的图片.那么看过我以前关于滑动方面的文章的朋友,相信要实现前者的效果并不难,关键在于如何实现后者,即如何在一个宫格的图片显示完以后,接着显示下一宫格的图片.那

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

自从iOS系统引入了Blur效果,也就是所谓的毛玻璃.模糊化效果.磨砂效果,各大系统就开始竞相模仿,这是怎样的一个效果呢,我们先来看一下,如下面的图片: 实现效果大家都知道了,如何在Android中实现呢,说白了就是对图片进行模糊化处理,小编先给大家讲一下Android高级模糊技术的原理,如下: 首先我创建了一个空的bitmap,把背景的一部分复制进去,之后我会对这个bitmap进行模糊处理并设置为TextView的背景. 通过这个bitmap保存Canvas的状态: 在父布局文件中把Canva

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

自从iOS系统引入了Blur效果,也就是所谓的毛玻璃.模糊化效果.磨砂效果,各大系统就开始竞相模仿,这是怎样的一个效果呢,我们先来看一下,如下面的图片: 实现效果大家都知道了,如何在Android中实现呢,说白了就是对图片进行模糊化处理,小编先给大家讲一下Android高级模糊技术的原理,如下: 首先我创建了一个空的bitmap,把背景的一部分复制进去,之后我会对这个bitmap进行模糊处理并设置为TextView的背景. 通过这个bitmap保存Canvas的状态: 在父布局文件中把Canva

JQuery学习笔记 实现图片翻转效果和TAB标签切换效果第1/2页_jquery

所以自己也下了一个来学习,把之前写的几个JS代码都转换成JQuery,既能保证代码的清晰,也保证了代码的通用性,真是一举两得啊,由于是初学者,所以代码有许多的不足,还请大家多多指正:)1.实现图片翻转效果,DW本身提供了这个功能,不过还是自己写的好用,呵呵.之前写的方式比较麻烦,代码也比较乱,用JQuery改造后可以使其更加清晰,核心代码如下: JS代码 复制代码 代码如下: <script type="text/javascript"> <!-- $(documen

CSS3网页制作实例教程:网页图片遮罩效果

文章简介:巧用CSS3 border制作图片遮罩效果. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

Android自定义VIew实现卫星菜单效果浅析_Android

 一 概述: 最近一直致力于Android自定义VIew的学习,主要在看<android群英传>,还有CSDN博客鸿洋大神和wing大神的一些文章,写的很详细,自己心血来潮,学着写了个实现了类似卫星效果的一个自定义的View,分享到博客上,望各位指点一二.写的比较粗糙,见谅.(因为是在Linux系统下写的,效果图我直接用手机拍的,难看,大家讲究下就看个效果,勿喷). 先来看个效果图,有点不忍直视: 自定义VIew准备: (1)创建继承自View的类; (2)重写构造函数; (3)定义属性. (