对于图片拉伸是移动开发中很常见的需求,在前一阵子做项目中需要做一个类似于QQ聊天气泡,这个气泡会根据文字的多少而变化,当时有了三种方案:
重写drawRect方法,使用贝赛尔曲线画一个气泡
用一个大图作为背景,管它怎么拉伸,肯定不会变形
使用图片,同时使用系统提供的API对图片进行局部拉伸
来分析一下这三种做法利弊:
第一种:劳民伤财,drawRect的使用带来离屏渲染,如果滑动聊天界面将使内存急剧增加,同时我也不会使用贝赛尔曲线,呜呜!
第二种:大图的话,显然所占空间会比较大,这样导致最后的安装包较大,尺寸不合适的图片加载也会对性能有所影响
第三种:显然这是一种划算的做法,对于怎么进行局部拉伸也是这篇博客的重点
代码实现图片缩放
至于 iOS 5 之类的方法,这里就不再谈了。在 iOS 6 的时候,系统为我们提供了这样一个方法
public func resizableImageWithCapInsets(capInsets: UIEdgeInsets, resizingMode: UIImageResizingMode) -> UIImage
对于拉伸的方式,有以下两种:
IUIImageResizingModeStretch:拉伸模式,通过拉伸UIEdgeInsets指定的矩形区域是我们要保护的区域,也就是不被拉伸的区域
UIImageResizingModeTile:平铺模式,通过重复显示UIEdgeInsets指定的矩形区域是要保护的区域,