改变图片局部透明度,实现透明度根据位置不而渐变
程序员文章站
2022-07-07 12:33:32
最近在做项目的时候遇到了一个需求,那就是要对一张图片做处理,实现边缘模糊过渡。 苦思良久,最终用了以下的方法。 1、构成一张图片的是ARGB,我们可以直接把这整张图片的ARGB取出来,然后改变图片的A,也就是透明度。 以上我们便获得了图片的ARGB值,而我们只需要改变透明度A。 2、我们可以用 最后 ......
最近在做项目的时候遇到了一个需求,那就是要对一张图片做处理,实现边缘模糊过渡。
苦思良久,最终用了以下的方法。
1、构成一张图片的是ARGB,我们可以直接把这整张图片的ARGB取出来,然后改变图片的A,也就是透明度。
Bitmap sourceImg;
int[] argb = new int[sourceImg.getWidth() * sourceImg.getHeight()];
sourceImg.getPixels(argb, 0, sourceImg.getWidth(), 0, 0, sourceImg
.getWidth(), sourceImg.getHeight());
// 获得图片的ARGB值,放进argb数组
以上我们便获得了图片的ARGB值,而我们只需要改变透明度A。
2、我们可以用
//number的范围为0-100,0为全透明,100为不透明
float number = 100;
//透明度数值 float alpha = number * 255 / 100;
argb[i] = ((int) alpha << 24) | (argb[i] & 0x00FFFFFF);
最后一句实现了只改变图片的Alpha值,(argb[i] & 0x00FFFFFF)将A全部置为0,再与((int) alpha << 24)进行或运算,那么就可以将我们的Alpha值设置进去,我们将((int) alpha)左移24位便是为了不改变RGB。
3、最后通过下面代码创建改变了透明度的bitmap
sourceImg = Bitmap.createBitmap(argb, sourceImg.getWidth(), sourceImg .getHeight(), Bitmap.Config.ARGB_8888);
而我需要实现的是边缘模糊过渡,因此需要让透明度随着图片的Y坐标渐渐变为0,即过渡区域为0.我的代码如下:
/** * 设置图片的透明度从上到下渐变,使下边缘平滑过渡(注意只跟着Y坐标变) * * @param sourceImg * @return */ public static Bitmap getTransAlphaBitmap(Bitmap sourceImg) {
int[] argb = new int[sourceImg.getWidth() * sourceImg.getHeight()]; sourceImg.getPixels(argb, 0, sourceImg.getWidth(), 0, 0, sourceImg .getWidth(), sourceImg.getHeight());// 获得图片的ARGB值 //number的范围为0-100,0为全透明,100为不透明 float number = 100;
//透明度数值 float alpha = number * 255 / 100;
//图片渐变的范围(只设置图片一半范围由上到下渐变,上面不渐变,即接近边缘的那一半) float range = sourceImg.getHeight() / 2.0f;
//透明度渐变梯度,每次随着Y坐标改变的量,因为最终在边缘处要变为0 float pos = (number * 1.0f) / range;
//循环开始的下标,设置从什么时候开始改变 int start = sourceImg.getWidth() * (sourceImg.getHeight() - (int) range); for (int i = start; i < argb.length; i++) { //同一行alpha数值不改变,因为是随着Y坐标从上到下改变的 if (i % sourceImg.getWidth() == 0) { number = number - pos; alpha = number * 255 / 100; } argb[i] = ((int) alpha << 24) | (argb[i] & 0x00FFFFFF); } sourceImg = Bitmap.createBitmap(argb, sourceImg.getWidth(), sourceImg .getHeight(), Bitmap.Config.ARGB_8888); return sourceImg; }
以上便实现了图片的边缘过度。