iOS - Swift 仿微信聊天图片显示

效果图

如图所示，图片左侧有个小箭头

原理

其实原理比较简单，准备一张图片MaskImgae，先对其进行拉伸，然后按照其轮廓对图片进行裁剪就行了

步骤

这里摘重点说，布局什么的按自己意愿去弄吧。我固定了图片的显示大小为 102 * 152

1、对MaskImgae进行拉伸

// 设置拉伸范围
let stretchInsets = UIEdgeInsetsMake(30, 28, 23, 28)
// 待拉伸的图片
let stretchImage = UIImage(named: "SenderImageNodeMask")
// 进行拉伸
let bubbleMaskImage = stretchImage.resizableImage(withCapInsets: stretchInsets, resizingMode: .stretch)

拉伸的效果如图

2、对imageView设置裁剪区域

这里我的 imageView 叫 chatImgView
上面的拉伸效果图是临时把拉伸好的图片赋值给了chatImgView&#x