关于ios开发中图片的拉伸操作

resizableImageWithCapInsets:

这个方法用于图片的拉伸，其参数是一个UIEdgeInsets，它的格式是（top, left, bottom, right）

拿到这四个值之后如何拉伸呢，举一个例子：

比如一个气泡，设置了拉伸的四个参数之后，示意如下：

如图，四条线围成了一个小的矩形，一般的解释是说，用中间的小矩形来填充（平铺或拉伸）需要补充的地方。

但是这种解释是错误的，对于我们实例中的这个气泡，我们拉伸它，重要的一点就是不要破坏四个角的弧度以及箭头的形状，但是，拉伸之后，气泡的周长是一定要变长的，多出来的周长从哪里来？？显然上面的解释无法说明这个问题。

真实情况是，这种拉伸方法，其实是分为两步：

1.横向拉伸

2.纵向拉伸

首先只考虑横向拉伸，即横向将这个气泡拉长，这种情况下，我们只需要考虑left和right两根线：

依上图所示，横向拉伸，就是靠拉伸这两条线之间的部分，以达到横向拉长的目的，而不会去动left线左边和right线右边的部分，拉长之后的效果：

这样就保证了四角和箭头不被破坏只是拉伸两条线之间的部分。

在纵向拉伸也是一样的，只拉伸top和bottom两条线之间的部分，保证其他部分不变，就可以纵向拉高图片。

经过这两步之后，图片就被拉伸好了，并且保留了旗袍的四角圆弧和箭头。

总结一下，拉伸的时候，指定top，left，bottom，right四个参数的原则是：

1.top和bottom两条线之间的部分允许变形

2.left和right两条线之间的部分允许变形

这样就保证了，重要的部分保留，而只对允许变形的部分进行拉伸。