IOS中设置图片拉伸区域
2013-09-26 17:17
387 查看
http://blog.csdn.net/h3g2010/article/details/8485963
正文:
在IOS中,从2.0版本开始支持图片局部拉伸,至6.0版本,设置方法已有三个:
1、IOS2.0新增方法
[plain]
view plaincopy
- (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 plaincopy
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets
该方法传入一个参数capInsets,该参数指定一个矩形区域。它的实现原理是指定一个矩形区域,该矩形区域内的像素点在x,y方向拉伸,其他区域不拉伸。
3、IOS6.0新增方法
[plain]
view plaincopy
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode
该方法较IOS5.0版本中的方法添加了一个参数resizingMode,该参数指定拉伸的模式。在IOS6.0中提供了两种拉伸模式:UIImageResizingModeTile(平铺模式,即复制指定的矩形区域,排列在拉伸区域中)和UIImageResizingModeStretch(拉伸模式,即拉伸指定的矩形区域,填充拉伸区域)。
总上所述,我们可以封装一个兼容当下所有版本的方法:
[plain]
view plaincopy
+ (UIImage *)stretchImage:(UIImage *)image withLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight capInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode {
UIImage *resultImage = nil;
double systemVersion = [[UIDevice currentDevice].systemVersion doubleValue];
if (systemVersion >= 6.0) {
resultImage = [image resizableImageWithCapInsets:capInsets resizingMode:resizingMode];
} else if (systemVersion >= 5.0) {
resultImage = [image resizableImageWithCapInsets:capInsets];
} else {
resultImage = [image stretchableImageWithLeftCapWidth:leftCapWidth topCapHeight:topCapHeight];
}
return resultImage;
}
文章的最后,列出几点注意事项:
1、UIImageView.frame的width和height不能小于图片的宽高,否则拉不出效果。
正文:
在IOS中,从2.0版本开始支持图片局部拉伸,至6.0版本,设置方法已有三个:
1、IOS2.0新增方法
[plain]
view plaincopy
- (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 plaincopy
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets
该方法传入一个参数capInsets,该参数指定一个矩形区域。它的实现原理是指定一个矩形区域,该矩形区域内的像素点在x,y方向拉伸,其他区域不拉伸。
3、IOS6.0新增方法
[plain]
view plaincopy
- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode
该方法较IOS5.0版本中的方法添加了一个参数resizingMode,该参数指定拉伸的模式。在IOS6.0中提供了两种拉伸模式:UIImageResizingModeTile(平铺模式,即复制指定的矩形区域,排列在拉伸区域中)和UIImageResizingModeStretch(拉伸模式,即拉伸指定的矩形区域,填充拉伸区域)。
总上所述,我们可以封装一个兼容当下所有版本的方法:
[plain]
view plaincopy
+ (UIImage *)stretchImage:(UIImage *)image withLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight capInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode {
UIImage *resultImage = nil;
double systemVersion = [[UIDevice currentDevice].systemVersion doubleValue];
if (systemVersion >= 6.0) {
resultImage = [image resizableImageWithCapInsets:capInsets resizingMode:resizingMode];
} else if (systemVersion >= 5.0) {
resultImage = [image resizableImageWithCapInsets:capInsets];
} else {
resultImage = [image stretchableImageWithLeftCapWidth:leftCapWidth topCapHeight:topCapHeight];
}
return resultImage;
}
文章的最后,列出几点注意事项:
1、UIImageView.frame的width和height不能小于图片的宽高,否则拉不出效果。
相关文章推荐
- ios设置图片的拉伸区域
- iOS设置图片拉伸不变形区域
- ios-拉伸图片变形解决办法:选取某一区域
- .9图片设置不拉伸的区域被拉伸的问题
- iOS - 设置图片为背景色,且拉伸到指定大小
- ios-拉伸图片变形解决办法:选取某一区域
- iOS 解决button设置背景图片的时候拉伸变形的问题
- 在IOS中设置原始图片拉伸
- iOS 设置图片拉伸效果图
- iOS的图片拉伸--图形界面设置
- iOS 图片的拉伸,取固定区域显示
- IOS-53-图片、button等空间是否可拉伸设置;以及UITabelView的headerView设置
- 【iOS-Cocos2d游戏开发之八】开启高清(960*640)模式问题与解答、图片适配以及设置iphone横竖屏
- ios之图片的拉伸、UIImageView的stretchableImageWithLeftCapWidth方法详解
- iOS图片拉伸技巧小结
- iOS图片拉伸技巧(iOS5.0、iOS6.0)
- IOS 如何获得本机的一些设置?(比如语言, 区域格式等)
- iOS LaunchScreen设置启动图片并且设置启动页停留时间
- iOS UIButton 设置图片平铺
- iOS设置启动图片