JavaME UI设计之图像特效一_java对图片做特效-CSDN博客

通常在做应用时，需要实现图像的部分特效，最简单的方式可以通过美术制作出各种特效的图片，然后用程序来显示即可，但是这样做出来的程序包会很大，而且很浪费内存空间，因此我们需要通过程序来操作图像的每一个像素信息，从而实现各种图片特效，本文就主要针对一些常用的特效进行实现。

在开始具体的特效实现之前，我们需要分析一下MIDP2.0中的getRGB(...) 函数，该函数可以将image的alpha以及RGB值转换为一个int数组。我们可以用该方法以及获得的数组改变图片的alpha，r，g，b值。该函数原型如下：

public void getRGB(int[] rgbData, int offset, int scanlength, int x, int y,int width,int height);

在J2me 里的int是4 bytes的,image中的每个像素以ARGB值的方式描述，每个值可以为0-255。如果 alpha 值为 0, 对应的像素就为透明，反之如果alpha 值为255, 像素为完全不透明。其中返回的rgbData不一定和源图像的实际颜色一致，所有的颜色都可能经过重新采样，以适应当前的显示设备的颜色性能，例如，在黑白手机上（现在几乎没有了），所有的红、绿、蓝像素都将被相应的灰度值所替代。在不支持Alpha通道的设备上，所有的不透明像素的Alpha值都被设成0xFF（全透明），其他象素的Alpha值都被设成0x00。在支持Alpha通道的设备上，Alpha值同样有可能经过重新采样，以适应当前设备所支持的半透明级数。另外，scanlength定义了数组的扫描宽度，为了避免数据的交叠，其绝对值必须大于或者等于参数width。（x,y）是图像区域的左上角坐标，width和height分别是所截取图像区域的宽度和高度，以像素为单位。

首先，我们先准备一下两个函数：

*获取图片RGB数据，并返回大小为图片的width*height大小的一维数组

public int[] getPixels(Image src)

{

int w = src.getWidth();

int h = src.getHeight();

int[] pixels = new int[w * h];

src.getRGB(pixels, 0, w, 0, 0, w, h);

return pixels;

}

*将pixels[]里的数据，生成一张图片，图片宽为w，高为h

public Image drawPixels(int[] pixels, int w, int h)

{

Image image = Image.createRGBImage(pixels, w, h, true);

pixels = null;

return image;

}

其中getPixels用于从一个Image中获取像素信息，保存到一个int[]数组中，后面的各种图像特效都将来处理这个int[]数组，而drawPixels函数则用于将一个int[]数组转换一个Image对象，通常用于将一个处理之后的int[]数组合成一个图像用。在开始使用特效之前，我们先看一下准备好的冤死图片如下图所示。

图像缩放

图像缩放算法也很多，这里我们介绍一个比较简单，效果也比较好的算法，其原理就是将图片转换为int[]数组，然后按照缩放的比例从原图片中对应的比例中取得像素信息即可，具体实现代码如下：

* 调整图片大小 destW 调整后的宽，destH调整后的高

public Image effect_resizeImage(Image src, int destW, int destH) {

int srcW = src.getWidth();

int srcH = src.getHeight();

int[] destPixels = new int[destW * destH];

int[] srcPixels = getPixels(src);

for ( int destY = 0; destY < destH; ++destY) {

for ( int destX = 0; destX < destW; ++destX) {

int srcX = (destX * srcW) / destW;

int srcY = (destY * srcH) / destH;

destPixels[destX + destY * destW] = srcPixels[srcX + srcY

* srcW];

}

return drawPixels(destPixels, destW, destH);

}

原图片的宽度和高度为240*99，我们通过该函数将其缩放为120*50之后效果如下图所示。

亮度、对比度

要改变一个图片的亮度和对比度实际上可以通过该百年每个像素的r，g，b颜色值来实现，如果原始值为r，g，b按照对比度c和亮度l改变之后的值为r*c+l，g*c+l，b*c+l即可。最后需要判断每个值是否超过255，如果大于255，则为255。具体实现代码如下：

* 调整图片亮度与对比度。 contrast 对比度，light 亮度

public Image effect_light_contrast(Image src, double contrast, int light) {

int srcW = src.getWidth();

int srcH = src.getHeight();

int[] srcPixels = getPixels(src);

int r = 0;

int g = 0;

int b = 0;

int a = 0;

int argb;

// 公式y =ax+b a为对比度，b为亮度

// int para_b = light - 127 * (light - 1);

for (int i = 0; i < srcH; i++) {

for (int ii = 0; ii < srcW; ii++) {

argb = srcPixels[i * srcW + ii];

a = ((argb & 0xff000000) >> 24); // alpha channel

r = ((argb & 0x00ff0000) >> 16); // red channel

g = ((argb & 0x0000ff00) >> 8); // green channel

b = (argb & 0x000000ff); // blue channel

r = (int) (r * contrast + light);

g = (int) (g * contrast + light);

b = (int) (b * contrast + light);

if (r > 255)

r = 255;

else if (r < 0)

r = 0;

if (g > 255)

g = 255;

else if (g < 0)

g = 0;

if (b > 255)

b = 255;

else if (b < 0)

b = 0;

srcPixels[i * srcW + ii] = ((a << 24) | (r << 16) | (g << 8) | b);

}

return drawPixels(srcPixels, srcW, srcH);

}

使用该函数调整亮度和对比度（effect_light_contrast(mImage,3,20)）的效果如下图所示，

图片剪切

图片剪切在MIDP2.0中已经提供了api，这里我们也可以自己实现一个图片剪切的函数，这样在使用时可以更加灵活，具体实现代码如下：

* 图片剪切，cut_xpos，cut_ypos 切割框的起始位置坐标，cut_width，cut_height 切割框的宽与高

public Image effect_cut(Image src, int cut_xpos, int cut_ypos,

int cut_width, int cut_height) {

int srcW = src.getWidth();

int srcH = src.getHeight();

int[] srcPixels = getPixels(src);

int[] desPixels = new int[cut_width * cut_height];

int num = 0;

for (int i = 0; i < srcH; i++) {

if (i >= cut_ypos && i < cut_height + cut_ypos) {

for (int ii = 0; ii < srcW; ii++) {

if (ii >= cut_xpos && ii < cut_width + cut_xpos) {

desPixels[num] = srcPixels[i * srcW + ii];

num++;

}

return drawPixels(desPixels, cut_width, cut_height);

}

使用剪切effect_cut(mImage,50,0,50,50)的效果如下图所示。

添加字符串

给每个图片上添加一个字符串，这个实现过程就很简单了，直接通过getGraphics取得图像的Graphics对象，然后再图片上绘制出字符串即可，具体实现代码如下：

* 图片上添加字符

public Image effect_image_add_str(Image src, String str, int x_pos,

int y_pos) {

Image temp = Image.createImage(src.getWidth(), src.getHeight());

Graphics g = temp.getGraphics();

g.drawImage(src, 0, 0, Graphics.LEFT | Graphics.TOP);

g.setColor(0x000000);

g.drawString(str, x_pos, y_pos, Graphics.LEFT | Graphics.TOP);

return temp;

}

本文分析了如何进行JavaME图形特效的处理，并且分析了几种常见的特效实现，下一篇文章我们将继续分析另外几种特效的原理及实现。

最后附上一个在MIDP1.0中处理图像缩放的函数：

public static Image scaleImage(Image src, int dstW, int dstH) {

int srcW = src.getWidth();

int srcH = src.getHeight();

Image tmp = Image.createImage(dstW, srcH);

Graphics g = tmp.getGraphics();

int delta = (srcW << 16) / dstW;

int pos = delta / 2;

for (int x = 0; x < dstW; x++) {

g.setClip(x, 0, 1, srcH);

g.drawImage(src, x - (pos >> 16), 0, Graphics.LEFT | Graphics.TOP);

pos += delta;

}

Image dst = Image.createImage(dstW, dstH);

g = dst.getGraphics();

delta = (srcH << 16) / dstH;

pos = delta / 2;

for (int y = 0; y < dstH; y++) {

g.setClip(0, y, dstW, 1);

g.drawImage(tmp, 0, y - (pos >> 16), Graphics.LEFT | Graphics.TOP);

pos += delta;

}

return dst;

}