干货分享,图片模糊算法,解析xml绘制图片

 
     

项目需求:有一个xml文件,记录了一张图片每个元素的位置,大小,样式信息。

通过XmlResourceParser解析xml文件,得到每个元素的属性。

然后使用Paint绘制元素到Canvas上,得到一张Bitmap位图

将位图模糊处理,处理算法的原理(取图片上每个像素点周围的8个点平均值)

模糊算法:

package com.metek.blur;

import android.content.Context;
import android.graphics.Bitmap;

public class BlurUtils {
	/**
     * Android api 17实现的虚化
     * 某些机型上可能会Crash
     *
     * @param context
     * @param sentBitmap
     * @param radius     大于1小于等于25
     * @return
     */
    public static Bitmap fastblur(Context context, Bitmap sentBitmap, int radius) {
        if (sentBitmap == null) {
            return null;
        }
//        if (Build.VERSION.SDK_INT > 16) {
//            Bitmap bitmap = sentBitmap.copy(sentBitmap.getConfig(), true);
//
//            final RenderScript rs = RenderScript.create(context);
//            final Allocation input = Allocation.createFromBitmap(rs,
//                    sentBitmap, Allocation.MipmapControl.MIPMAP_NONE,
//                    Allocation.USAGE_SCRIPT);
//            final Allocation output = Allocation.createTyped(rs,
//                    input.getType());
//            final ScriptIntrinsicBlur script = ScriptIntrinsicBlur.create(rs,
//                    Element.U8_4(rs));
//            script.setRadius(radius /* e.g. 3.f */);
//            script.setInput(input);
//            script.forEach(output);
//            output.copyTo(bitmap);
//            return bitmap;
//        }
        return stackblur(sentBitmap, radius);
    }

    /**
     * 纯Java实现的虚化,适用老版本api,外部只需调fastblur,会自动判断
     *
     * @param sentBitmap
     * @param radius
     * @return
     */
    private static Bitmap stackblur(Bitmap sentBitmap,
                                    int radius) {

        Bitmap bitmap = null;
        try {
            bitmap = sentBitmap.copy(sentBitmap.getConfig(), true);
        } catch (OutOfMemoryError e) {
            e.printStackTrace();
            return sentBitmap;
        }

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

解析Xml,图形绘制

package com.metek.blur;

import java.io.FileNotFoundException;
import java.io.FileOutputStream;

import android.content.Context;
import android.content.res.XmlResourceParser;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.os.AsyncTask;
import android.os.SystemClock;
import android.util.DisplayMetrics;

/**
 * 生成天气模糊背景图
 *
 */
public class BlurWeatherImage {
	private static final String TAG = "BlurWeatherImage";
	private Bitmap bitmap = null;
	private Paint paint;
	private Canvas canvas;
	private FileOutputStream out = null;
	private float wRate;
	private float hRate;
	private int width;
	private int height;
	private Context context;
	private static final String IMAGENAME="ani_cloudy_night.png";

	public BlurWeatherImage(Context context) {
		super();
		this.context = context;
		DisplayMetrics dm = context.getResources().getDisplayMetrics();
		width = dm.widthPixels;
		height = dm.heightPixels;
		bitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
		paint = new Paint(Paint.ANTI_ALIAS_FLAG);
		canvas = new Canvas(bitmap);
		wRate = width / 720f;
		hRate = height / 1280f;
	}

	/** 模糊图片 */
	public void blurImage() {
		BulurAsyncTask bat = new BulurAsyncTask();
		bat.execute();
	}

	class BulurAsyncTask extends AsyncTask<Void, Void, Void> {
		protected Void doInBackground(Void... params) {
			analysisXml();
			return null;
		}

		protected void onPostExecute(Void result) {
			super.onPostExecute(result);
			listener.drawEnd();
		}

	}

	public void analysisXml() {
		canvas.drawColor(0xff102d37);
		XmlResourceParser parser = context.getResources().getXml(R.xml.ani_cloudy_night);
		try {
			int event = parser.getEventType();
			while (event != XmlResourceParser.END_DOCUMENT) {
				String tagName = parser.getName();
				if (event == XmlResourceParser.START_TAG) {
					if (tagName.equals("view")) {
						int x = Integer.parseInt(parser.getAttributeValue(null, "x"));
						int y = Integer.parseInt(parser.getAttributeValue(null, "y"));
						int w = Integer.parseInt(parser.getAttributeValue(null, "w"));
						int h = Integer.parseInt(parser.getAttributeValue(null, "h"));
						String residname = parser.getAttributeValue(null, "resid");
						int resid = context.getResources().getIdentifier(residname.replace("@drawable/", ""),
								"drawable", context.getPackageName());
						picture(bitmap, x, y, w, h, resid);
						SystemClock.sleep(100);
					}
				}
				event = parser.next();
			}
		} catch (Exception e) {
			e.printStackTrace();
		}

		try {
			out = context.openFileOutput(IMAGENAME, Context.MODE_PRIVATE);
			bitmap.compress(Bitmap.CompressFormat.PNG, 100, out);
			out = context.openFileOutput("blur_"+IMAGENAME, Context.MODE_PRIVATE);
			Bitmap blurBitmap = BlurUtils.fastblur(context, bitmap, 80);
			blurBitmap.compress(Bitmap.CompressFormat.PNG, 100, out);
			android.util.Log.i(TAG, IMAGENAME + "writer success");
		} catch (FileNotFoundException e) {
			e.printStackTrace();
		}
	}

	/**
	 * @param x
	 *            元素x坐标
	 * @param y
	 *            元素y坐标
	 * @param w
	 *            元素宽度
	 * @param h
	 *            元素高度
	 * @param resId
	 *            资源id
	 */
	public void picture(Bitmap bitmap, int x, int y, int w, int h, int resId) {
		Bitmap element = BitmapFactory.decodeResource(context.getResources(), resId);
		int scaleW = (int) (w * wRate);
		int scaleH = (int) (h * hRate);
		Bitmap scaled = Bitmap.createScaledBitmap(element, scaleW, scaleH, false);
		canvas.drawBitmap(scaled, x * wRate, y * hRate, paint);
	}

	private OnDrawListener listener;

	public interface OnDrawListener {
		/** 绘图结束 */
		public void drawEnd();
	}

	public void setOnDrawListener(OnDrawListener listener) {
		this.listener = listener;
	}
}
时间: 2024-10-18 18:41:09

干货分享,图片模糊算法,解析xml绘制图片的相关文章

UWP 手绘视频创作工具技术分享系列 - SVG 的解析和绘制

本篇作为技术分享系列的第一篇,详细讲一下 SVG 的解析和绘制,这部分功能的研究和最终实现由团队的 @黄超超 同学负责,感谢提供技术文档和支持. 首先我们来看一下 SVG 的文件结构和组成 SVG (Scalable Vector Graphics) 是一种可缩放矢量图形,使用 XML 格式来定义,是一种 W3C 标准,图像在放大或改变尺寸的情况下其图形质量不会有所损失. 下面是一个简单的 SVG 的文件结构例子: <?xml version="1.0" standalone=&

[ html drawImage 图片预加载 ] canvas绘制图片 drawImage 属性实例演示之三--使用New Image()进行图片预加载

1 <!DOCTYPE html> 2 <html lang='zh-cn'> 3 <head> 4 <title>Insert you title</title> 5 <meta name='description' content='this is my page'> 6 <meta name='keywords' content='keyword1,keyword2,keyword3'> 7 <meta htt

图表控件TeeChart干货分享(绘制2D、3D实时曲线---C++示例源代码--网络首发)

最近接手了一个项目,其中涉及到MFC和实时曲线显示的问题,由于我之前从未接触过此类技术,现学现搞,把其间用到的觉得对初学者有用的东西,总结一下. 尤其是关于TeeChart控件部分,网上资料零碎,且很多不全面,代码难以使用.我苦寻数周在外国一些网站上寻到了一些有用的信息,把相关的可运行的代码示例贴在文中,希望能帮到后来者. MFC部分: 一. 分割窗体 新建一个单文档的MFC工程(注意在向导中设置窗口最大化和分割窗口支持). 新建两个对话框,用于分割窗口 [注意]对话框的样式(Style)属性改

分享一个解析XML成为php数组的方法

原文:分享一个解析XML成为php数组的方法 <?php /* * To change this template, choose Tools | Templates * and open the template in the editor. */ $xml = 'site_1.xml'; $myxml = simplexml_load_file($xml); // print_r($myxml); print_r(xmlToArray($myxml)); function xmlToArra

[Android] 触屏setOnTouchListener实现图片缩放、移动、绘制和添加水印

    前一篇文章讲述了Android实现图片Matrix矩阵类缩放.旋转.对比度.亮度.饱和度处理,但是真正的图片软件都是使用触屏实现图片缩放.移动.添加水印等功能,所以该篇文章主要通过setOnTouchListener监听实现该功能.希望文章对大家有所帮助. 一.图片缩放实现     首先先简单介绍Android如何实现触屏缩放图片和移动图片,新建TouchImageViw工程.设计XML中activity_main.xml布局: <RelativeLayout xmlns:android

android使用xmlpull方式解析xml示例

需要解析的xml内容: <app> <dynamic> <uploadPhoto>true</uploadPhoto> <!-- 是否支持上传图片 false代表不支持,true代表支持 --> <specifyFriends>true</specifyFriends> <!-- 是否支持@好友 false代表不支持,true代表支持 --> <sharWx>true</sharWx>

最快速的“高斯”模糊算法(附Android源码)

? 这是一个外国人的算法,本人是搬运工.参考:http://blog.ivank.net/fastest-gaussian-blur.html ? 1:高斯模糊算法(参考:http://www.ruanyifeng.com/blog/2012/11/gaussian_blur.html) 所谓的模糊算法就是当前像素点和周围像素点进行加权均值之后的结果替换当前像素值.因此均值模糊是最简单的,只要将周围的像素点相加取平均值即可. ????而高斯模糊则是将周围的像素点的权值按照高斯分布进行取值,即根据

移动端高清适配方案(解决图片模糊问题、1px细线问题)

本文介绍了移动端适配的3种方法,以及移动端图片模糊问题和1px细线问题的解决方法.当然了,在这之前先整理了与这些方法相关的知识:物理像素.设备独立像素.设备像素比和viewport. >>>>物理像素.设备独立像素和设备像素比 在CSS中我们一般使用px作为单位,需要注意的是,CSS样式里面的px和物理像素并不是相等的.CSS中的像素只是一个抽象的单位,在不同的设备或不同的环境中,CSS中的1px所代表的物理像素是不同的.在PC端,CSS的1px一般对应着电脑屏幕的1个物理像素,但

干货分享!手机中不可或缺的5个APP神器

今天小编给大家推荐手机必不可少的APP神器,进来看看吧,绝对会让你们感到满意的! 光芒当下最流行的时尚社区,明星博主.时尚达人都会在这里分享生活的每一个瞬间,从时尚穿搭解析,到设计艺术学分享,更有品质的生活方式推荐.就是为热爱时尚的你准备的!视频编辑助手(IOS为:短视频编辑器)支持视频编辑.视频美拍.相册MV,手机录制的视频可以进行剪辑.添加字幕.有趣的配乐.各种滤镜功能,可以导出自己制作的高清视频,创作个性有趣的视频.nice围绕球鞋.潮流与时尚生活构建的社区,可以与数万名潮流达人一起,分享