变更记录

序号	录入时间	录入人	备注
1	2017-02-24	Alfred Jiang	-

方案名称

UIImageView \ UIImage - 图片拉伸技巧

关键字

UIImageView \ UIImage \ 图片拉伸技巧

需求场景

需要对 UIImageView 中 UIImage 图片进行拉伸时

参考链接

CSDN - iOS图片拉伸技巧(推荐)
Macoscope - Stretchable Images Using Interface Builder(推荐)

详细内容

代码拉伸实现

本文档仅介绍 iOS 6 之后代码拉伸方法，iOS 6 之前代码拉伸方法请参考 CSDN - iOS图片拉伸技巧

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode NS_AVAILABLE_IOS(6_0); // the interior is resized according to the resizingMode

UIEdgeInsets 参数通过以下四个属性确定指定区域

left：左端盖宽度
right：右端盖宽度
top：顶端盖高度
bottom：底端盖高度

对应拉伸区域与端盖位置定义

UIImageResizingMode 参数包含以下两种枚举

UIImageResizingModeTile：平铺模式，通过重复显示 UIEdgeInsets 指定的矩形区域来填充图片
UIImageResizingModeStretch：拉伸模式，通过拉伸 UIEdgeInsets 指定的矩形区域来填充图片

原图

代码拉伸示例

CGFloat top = 25; // 顶端盖高度  
CGFloat bottom = 25 ; // 底端盖高度  
CGFloat left = 10; // 左端盖宽度  
CGFloat right = 10; // 右端盖宽度  
UIEdgeInsets insets = UIEdgeInsetsMake(top, left, bottom, right);  
// 指定为拉伸模式，伸缩后重新赋值  
image = [image resizableImageWithCapInsets:insets resizingMode:UIImageResizingModeStretch];

拉伸完成