ios图片拉伸技巧

要点：1在 assets 中点击show slicing 可以可视化点九拉伸图。2可以在 uiimageview 中直接拉伸图。

IOS中可视化拉伸图片技巧

一、补充

在我的另一篇博客 http://my.oschina.net/u/2340880/blog/403996 中探讨了IOS拉伸图像(UIImage)的几种方法和一些小经验，这篇是一个补充，再将xcode中的另一种可视化拉伸图像的方法的使用介绍给大家。

二、如何使用

IOS开发文档中的描述： https://developer.apple.com/library/ios/recipes/xcode_help-image_catalog-1.0/chapters/SlicinganImage.html

1、xcode5的新特性

xcode5之后，IOS为我们提供了一个管理图片的新方法Asset Catalogs，简单说来，它相当于一个目录，专门用来管理我们项目中的图片素材，包括Icon和启动页，这样使项目管理更加方便也更加简洁。

创建一个AssetCatalogs：在xcode中新建一个文件，选择AssetCatalogs，如下：

然后我们点开这个包，将图片直接拖入工具区即可：

2、使用AssetCatalogs中的可视化工具进行图片拉伸

完成了上面的步骤之后，我们可以对管理的图片进行处理，点击右下角的show Slicing按钮，我们就会进入可视化编辑区，如下：

如上图，有三条竖直线，其中边界的两条分别约束了图片两侧不被拉伸的区域范围，中间虚线和左侧虚线围成的部分，将是被复制拉伸的区域。水平方向的线同理。

很重要的一点：官方文档告诉我们，这个方法只能在iOS 7 或者 OS X v10.10之后使用。效果如下：

3、在xib文件中UIImage的拉伸

在xib文件中的UIImageView，在上面加上图片后，可以设置stretching这个属性：

这个属性的四个值：X,Y,Width,Height的取值范围是0-1；X，Y，用来确定一个点，比如我们设置为X=0.1，Y=0.1，则这个点就是图片的左上角开始，水平1/10处和竖直1/10处，设置图片的拉伸点为从这个点开始。后两个参数分别设置图片拉伸区域的宽度和高度，比如我们这样设置：Width=0.8，Height=0.8，则图片拉伸时上下左右各1/10的宽度不会被拉伸，中间部分被拉伸，还是刚才的图片，效果如下：

iPhone图片如何变形方法如下：

1、首先打开美图秀秀APP，然后点击人像美容；

2、接着打开需要拉伸的图片、选择增高和范围拉伸即可。

首先需要点按手机中的snapseed的应用图标。

进入主界面之后，点按界面中任意位置或者点按左上方打开标志，准备打开需要处理的图片。

找到需要处理的图片，然后点按该图片。

图片出现的应用界面之后，点按界面下方的工具标志。

在工具菜单中点按头部姿势

向一个方向滑动图片，可以向一个方向调整头部姿势。

这是向左上方调整后的效果

不过下方箭头指向的标志还可以改变瞳孔大小、笑容、焦距。

调整完成后点按界面右下方的对号标志

最后点按导出将图片导出到手机中保存。

stretchableImageWithLeftCapWidth通常用来做图片的局部拉伸，常用的例子是聊天的背景图的部分拉伸

stretchableImageWithLeftCapWidth这个方法 有2个参数

leftCapWidth: 左边不拉伸的像素

topCapHeight:上边不拉伸的像素

参数的意义是，参数指定30，30。那么，图片左边30个像素，上边30个像素。不会被拉伸，x坐标为31的一个像素会被横向复制，y坐标为31的一个像素会被纵向复制。

注意：只是对一个像素进行复制到一定宽度。而图像后面的剩余像素也不会被拉伸。类试下面的图片（该图片来自网图）。

另外分享Xcode中Slicing， Xcode图片素材Slicing处理 ，同样也能实现图片的局部拉伸。

---