美文网首页
关于图片拉伸的几种方法总结

关于图片拉伸的几种方法总结

作者: 牛小牛很牛 | 来源:发表于2016-05-18 15:23 被阅读422次

1.ios4提供的方法:

- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight

stretchableImageWithLeftCapWidth 的使用

这个函数是UIImage的一个实例函数,它的功能是创建一个内容可拉伸,而边角不拉伸的图片,需要两个参数,第一个是左边不拉伸区域的宽度,第二个参数是上面不拉伸的高度。

根据设置的宽度和高度,将接下来的一个像素进行左右扩展和上下拉伸。

注意:可拉伸的范围都是距离leftCapWidth后的1竖排像素,和距离topCapHeight后的1横排像素。

参数的意义是,如果参数指定10,5。那么,图片左边10个像素,上边5个像素。不会被拉伸,x坐标为11和一个像素会被横向复制,y坐标为6的一个像素会被纵向复制。注意:只是对一个像素进行复制到一定宽度。而图像后面的剩余像素也不会被拉伸。

imageView.image= [[UIImage imageNamed:@"image"] stretchableImageWithLeftCapWidth:15 topCapHeight:15];

2.ios5提供的方法

- (UIImage *)resizableImageCapInsets:(UIEdgeInsets)Insets

其中Insets这个参数的格式是(top,left,bottom,right),从上、左、下、右分别在图片上画了一道线,这样就给一个图片指定了一个矩形区域。只有在框里面的部分才会被拉伸,而框外面的部分则保持不变。比如(20,5,10,5),意思是下图矩形里面的部分可以被拉伸,而其余部分不变。

3.ios6提供的方法:

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode

关于Insets参数,与ios5是相同的,不同的是其后增加了一个拉伸的模式,ios6.0的版本提供了UIImageResizingModeTile和 UIImageResizingModeStretch两种模式,从名字就可以看出,是平铺模式和拉伸模式。平铺就是复制你Insets指定的矩形区域块来填充你所指定的图片区域,而拉伸就是通过拉伸你Insets指定的矩形区域块来填充你 所需的图片区域。我想,相较4.0的进步你也看出来了,是明显的吧,相较于以前的,图片的resize由一个点变成了一个矩形块,这样你的所指定块的渐变效果,也是可以呈现出来的。

只是,如果你需要兼容4.0的机器的话,那么还是需用老的函数来完成对图片的resize操作的。

相关文章

  • 关于图片拉伸的几种方法总结

    1.ios4提供的方法: - (UIImage *)stretchableImageWithLeftCapWidt...

  • QHP_03图片拉伸

    图片拉伸的第一种方法 图片拉伸的第二种方法 图片拉伸的第三种方法(StoryBoard) 图片渲染自定义导航的时候...

  • UIImage

    图片的拉伸 效果图: 图片拉伸变形的方法、属性:  withCapInsets:通过设置 UIEdgeInset...

  • 图片拉伸(聊天气泡)

    图片拉伸(聊天气泡) 图片受保护区域的图片拉伸,分别以代码跟Assets两种方式。 代码方式如下几种方式: 第一种...

  • 关于图片的拉伸

    www.cnblogs.com/heyonggang/archive/2013/12/19/3482733.htm...

  • iOS APP瘦身之优化图片资源

    本文总结了优化应用中图片资源大小的几种方法,有效的使用这些方法,可以减小应用的图片资源体积。 在使用这些优化方法之...

  • iOS APP瘦身之优化图片资源

    本文总结了优化应用中图片资源大小的几种方法,有效的使用这些方法,可以减小应用的图片资源体积。 在使用这些优化方法之...

  • iOS - 图片拉伸的几种方式

    UIImageView整体拉伸 UIImageView-contentMode demo:[https://git...

  • UIView设置背景色图片及填充

    关于设置UIView的背景为图片的方法及问题 1.加一个uiimageview在uiview上面,图片会自动拉伸到...

  • OpenGL ES大长腿功能实现

    效果图如下: 一、拉伸图片 第一次加载图片过程 Slider 拉伸调整方法调用过程 从第一加载图片到拉伸图片,都离...

网友评论

      本文标题:关于图片拉伸的几种方法总结

      本文链接:https://www.haomeiwen.com/subject/mzdwrttx.html