天天看点

[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识

    前一篇文章讲述了android触屏setontouchlistener实现突破缩放、移动、绘制和添加水印,继续我的"随手拍"项目完成给图片添加相框、圆形圆角显示图片和图像合成的功能介绍.希望文章对大家有所帮助.

    首先,对xml中activity_main.xml进行布局,通过使用relativelayout相对布局完成(xml代码后面附).然后,在mainctivity.java中public

class mainactivity extends activity函数添加代码如下,添加点击按钮监听事件:

上面点击"打开"按钮能实现打开图片,而在讲述为图片添加边框时,它其实就是通过两张或多张图片的合成实现的.

    在jacpy.may《android图片处理总结》文档中建议图片不要放在drawable目录下,因为屏幕分辨率会影响图片的大小.最好放在assets目录里,它代表应用无法直接访问的原生资源(通常加载png透明图实现边框合成),只能以流的方式读取并且小于1m.

    读取assets文件夹中图片的方法如下,首先手动添加png图片至assets目录,然后在omcreate函数中添加如下代码:

   再通过自定义函数getimagefromassets实现获取图片"image01.png":

   显示效果如下图所示:

[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识
[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识
[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识

   其中xml代码如下:

然后开始完成图片合成的工作,这里我采用两种方法完成.继续在oncreate函数中添加代码:

   通过自定义函数addframetoimage实现加载图片合成.首先创建一个空的可变为图对象,它的大小和配置与打开的图像相同,随后构建一个canvas对象和一个paint对象,在画布上绘制第一个位图对象,它成为了合成操作的目标.

    现在设置paint对象上的过渡模式,通过传入一个定义操作模式的常量,实例化一个新的porterduffxfermode对象.然后在canvas对象上绘制第二个位图对象,并将imageview设置为新的位图对象.代码如下:

   第二种方法是参照《android多媒体开发高级编程》,但是它图片十四合成效果不是很好:

然后通过自定义函数实现:

   它的运行效果如下所示,其中前2附图是方法一,但是它的合成效果不是很优秀,而第三张图是第二种方法,但是它的响应时间稍微要长些.

[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识
[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识
[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识

   在第一种方法通过poterduffxfermode类作为过渡模式,该类因thomas porter和tom duff而得名,他们于1984年在acm siggraph计算机图形学发表“compositing digital images(合成数字图像)”的文章,它介绍了彼此重叠绘制图像的不同规则.这些规则定义了哪些图像的哪些部分将出现在结果输出中.

    在android的porterduff.mode类中列举了porter和duff及其他更多人制定的规则.

    android.graphics.porterduff.mode.src:此规则意味着只绘制源图像,当前它正是应用此规则的paint对象.

    android.graphics.porterduff.mode.dst:此规则意味着只显示目标图像,在已有画布上的初始图像.

    如下图所示,定义mode值如下:

[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识

    其中,有4个规则定义了当一幅图像放置在另一幅图像上时如何合成这两幅图像,它是我们经常使用的值:

    android.graphics.porterduff.mode.lighten:获得每个位置上两幅图像中最亮的像素并显示.

    android.graphics.porterduff.mode.darken:获得每个位置上两幅图像中最暗的像素并显示.

    android.graphics.porterduff.mode.multiply:将每个位置的两个像素相乘,除以255,使用该值创建一个新的像素进行显示.结果颜色=顶部颜色*底部颜色/255.

    android.graphics.porterduff.mode.screen:反转每个颜色,执行相同操作.结果颜色=255-(((255-顶部颜色)*(255-底部颜色))/255)

   最后讲述如何实现圆形和圆角矩形显示图片,在oncreate函数中添加如下代码:

   然后通过自定义函数getroundedcornerbitmap实现圆形:

   同样,如果把该函数里面内容替换即可实现圆形矩形显示图片:

   运行结果如下图所示:

[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识
[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识

总结:

    该文章主要讲述如何给图像增加相框,圆角显示图像和图像合成的介绍.里面主要通过源码并有详细的过程,为什么要写这篇文章?因为在图像处理中我认为这种添加边框、改变边框、图片合成都属于同一种类型的变化和渲染.该图像处理软件还没有整合,推荐大家看下面资料中两本书.

    最后希望文章对大家有所帮助,如果有不足或错误的地方请见谅!不论如何,我觉得这篇文章自己写得不错,自己先给自己一个赞吧!加油\(^o^)/~

    下载地址:http://download.csdn.net/detail/eastmount/8102845

    源码基本格式如下图所示:

[Android] 给图像添加相框、圆形圆角显示图片、图像合成知识

参考资料与推荐博文:

1.最该感谢的是两本书的作者《android多媒体开发高级编程》和《android图片处理总结 著:jacpy.may》,网上很多资料都是它们.

作者-sjf0115 他是转载了该书的一些文章,也非常不错.

作者-happydelano 非常不错的文章,讲述了4张图实现桃心显示的效果.

作者-鸿洋_ 该作者很多android文章都非常不错

推荐起链接的android图片倒影

继续阅读