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

最新推荐文章于 2020-10-30 11:10:04 发布

LinXunFeng

最新推荐文章于 2020-10-30 11:10:04 发布

阅读量1.5k

点赞数

分类专栏： iOS开发文章标签： ios 图片聊天 swift 微信

本文链接：https://blog.csdn.net/lincsdnnet/article/details/53999592

版权

本文介绍了如何使用Swift模仿微信聊天中的图片显示效果，包括图片左侧的小箭头。主要涉及图片拉伸、裁剪区域设置，重点讲解了UIEdgeInsetsMake和contentsCenter在实现过程中的作用和设置方法。

摘要由CSDN通过智能技术生成

效果图

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

原理

其实原理比较简单，准备一张图片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)