最近要准备一个即时通讯相关的項目, 其中主要的页面当然还是聊天页面了, 今天来主要写一下没有气泡边框的imageView. 大致的效果是这样

实现思路大概是根据获取到图片的比例来拉伸气泡, 然后通过气泡的形状创建一个imageView的imageView.layer.mask是一个CALayer对象.

关于气泡拉伸的方法可以参考MJ的这篇博客

这里为了方便查看效果我把_imgView的大小设置成了固萣值

拉伸之后的效果是这样的 然后我们创建一个CALayer根据气泡绘制出来

我们现在可以看到我们的imageView已经和气泡是一样的形状了 然后再把图片重新賦值就可以了_(:з」∠)_