查看: 2045|回复: 0

[Android教程] 改变图片局部透明度,实现透明度根据位置不而渐变

发表于 2018-3-24 10:14:06

最近在做项目的时候遇到了一个需求,那就是要对一张图片做处理,实现边缘模糊过渡。

苦思良久,最终用了以下的方法。

1、构成一张图片的是ARGB,我们可以直接把这整张图片的ARGB取出来,然后改变图片的A,也就是透明度。

  1. [/code]
  2. [code]Bitmap sourceImg;
复制代码
  1. <br>int[] argb = new int[sourceImg.getWidth() * sourceImg.getHeight()];
复制代码
  1. sourceImg.getPixels(argb, 0, sourceImg.getWidth(), 0, 0, sourceImg<br><br> .getWidth(), sourceImg.getHeight());<br><br>// 获得图片的ARGB值,放进argb数组
复制代码
  1. [/code]
  2. [code]
复制代码

以上我们便获得了图片的ARGB值,而我们只需要改变透明度A。

2、我们可以用

  1. //number的范围为0-100,0为全透明,100为不透明<br>float number = 100;<br>
  2. //透明度数值
  3. float alpha = number * 255 / 100;
复制代码
  1. argb[i] = ((int) alpha << 24) | (argb[i] & 0x00FFFFFF);
复制代码

最后一句实现了只改变图片的Alpha值,(argb & 0x00FFFFFF)将A全部置为0,再与((int) alpha << 24)进行或运算,那么就可以将我们的Alpha值设置进去,我们将((int) alpha)左移24位便是为了不改变RGB。

3、最后通过下面代码创建改变了透明度的bitmap

  1. sourceImg = Bitmap.createBitmap(argb, sourceImg.getWidth(), sourceImg
  2. .getHeight(), Bitmap.Config.ARGB_8888);
复制代码

而我需要实现的是边缘模糊过渡,因此需要让透明度随着图片的Y坐标渐渐变为0,即过渡区域为0.我的代码如下:

  1. /**
  2. * 设置图片的透明度从上到下渐变,使下边缘平滑过渡(注意只跟着Y坐标变)
  3. *
  4. * @param sourceImg
  5. * @return
  6. */
  7. public static Bitmap getTransAlphaBitmap(Bitmap sourceImg) {<br>
  8. int[] argb = new int[sourceImg.getWidth() * sourceImg.getHeight()];
  9. sourceImg.getPixels(argb, 0, sourceImg.getWidth(), 0, 0, sourceImg
  10. .getWidth(), sourceImg.getHeight());// 获得图片的ARGB值
  11. //number的范围为0-100,0为全透明,100为不透明
  12. float number = 100;<br>
  13. //透明度数值
  14. float alpha = number * 255 / 100;<br>
  15. //图片渐变的范围(只设置图片一半范围由上到下渐变,上面不渐变,即接近边缘的那一半)
  16. float range = sourceImg.getHeight() / 2.0f;<br>
  17. //透明度渐变梯度,每次随着Y坐标改变的量,因为最终在边缘处要变为0
  18. float pos = (number * 1.0f) / range;<br>
  19. //循环开始的下标,设置从什么时候开始改变
  20. int start = sourceImg.getWidth() * (sourceImg.getHeight() - (int) range);
  21. for (int i = start; i < argb.length; i++) {
  22. //同一行alpha数值不改变,因为是随着Y坐标从上到下改变的
  23. if (i % sourceImg.getWidth() == 0) {
  24. number = number - pos;
  25. alpha = number * 255 / 100;
  26. }
  27. argb[i] = ((int) alpha << 24) | (argb[i] & 0x00FFFFFF);
  28. }
  29. sourceImg = Bitmap.createBitmap(argb, sourceImg.getWidth(), sourceImg
  30. .getHeight(), Bitmap.Config.ARGB_8888);
  31. return sourceImg;
  32. }
复制代码

以上便实现了图片的边缘过度。

参考:https://www.cnblogs.com/Anita9002/p/4207963.html

转载请标明处处:http://www.cnblogs.com/tangZH/p/8551632.html



回复

使用道具 举报