IOS中设置图片拉伸区域


http://blog.csdn.net/h3g2010/article/details/8485963


正文:

在IOS中,从2.0版本开始支持图片局部拉伸,至6.0版本,设置方法已有三个:

1、IOS2.0新增方法

[plain] view plain copy
  1. - (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight  

该方法需要传入两个参数leftCapWidth(拉伸区域至左侧的值)、topCapHeight(拉伸区域至顶部的值)。它的实现原理是对一个像素点的复制拉伸。例如两个参数传入10和5,那么x坐标小于11和大于11的点不会被拉伸,y坐标大于6和大于6的点也不会被拉伸,只有x坐标为11的点会被横向复制,y坐标为6的点会被纵向复制。

基于这样的原理,拉伸出来的图片没有渐变效果,这也是该方法的缺点所在。

另外,需要注意的是:该方法在IOS5.0版本之后不再支持,需要使用下面的新方法。

2、IOS5.0新增方法

[plain] view plain copy
  1. - (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets  

该方法传入一个参数capInsets,该参数指定一个矩形区域。它的实现原理是指定一个矩形区域,该矩形区域内的像素点在x,y方向拉伸,其他区域不拉伸。

3、IOS6.0新增方法

[plain] view plain copy
  1. - (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode  

该方法较IOS5.0版本中的方法添加了一个参数resizingMode,该参数指定拉伸的模式。在IOS6.0中提供了两种拉伸模式:UIImageResizingModeTile(平铺模式,即复制指定的矩形区域,排列在拉伸区域中)和UIImageResizingModeStretch(拉伸模式,即拉伸指定的矩形区域,填充拉伸区域)。

总上所述,我们可以封装一个兼容当下所有版本的方法:

[plain] view plain copy
  1. + (UIImage *)stretchImage:(UIImage *)image withLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight capInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode {  
  2.     UIImage *resultImage = nil;  
  3.     double systemVersion = [[UIDevice currentDevice].systemVersion doubleValue];  
  4.     if (systemVersion >= 6.0) {  
  5.         resultImage = [image resizableImageWithCapInsets:capInsets resizingMode:resizingMode];  
  6.     } else if (systemVersion >= 5.0) {  
  7.         resultImage = [image resizableImageWithCapInsets:capInsets];  
  8.     } else {  
  9.         resultImage = [image stretchableImageWithLeftCapWidth:leftCapWidth topCapHeight:topCapHeight];  
  10.     }  
  11.     return resultImage;  
  12. }  

文章的最后,列出几点注意事项

1、UIImageView.frame的width和height不能小于图片的宽高,否则拉不出效果。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值