Images.xcassets图片拉伸

今天群里有人问了个问题,做聊天功能用xib如何拉伸气泡图片。最后的如何解决已经不重要了,我从中看到一个iOS7出的方法。
之前写过Images.xcassets的一篇文章,把所有的图片资源放到Images.xcassets确实是方便,但是做图片拉伸还是用的UIImageapi

[[UIImage imageNamed:@"big_button_bg_nor"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 20, 0, 20) resizingMode:UIImageResizingModeStretch]

这次学习到的方法是这样的
打开Images.xcassets中的一个图片文件,点击右下角Show Slicing

Images.xcassets图片拉伸_第1张图片
Images.xcassets

可以看到按钮Start Slicing以及右下角Slices的值是None

Images.xcassets图片拉伸_第2张图片
Slicing

点击按钮Start Slicing,会有三个选项,第一个是横向,第二个是横向和纵向,第三个是纵向。

Images.xcassets图片拉伸_第3张图片
Slicing

选横向,会有个默认值,左侧10,右侧10,宽度1,拉伸方式Tiles。比较智能的是Xcode自动找到了圆角,如果需要拉伸图片别忘了把Center改成Stretches

Images.xcassets图片拉伸_第4张图片
Slicing

拖动图片上的三根线,Slicing的值会跟着改变,在左侧线和中间线之间的像素会在拉伸时被填充,在中间线和右侧线之间的像素将被隐藏。

Images.xcassets图片拉伸_第5张图片
Slicing

改变切片方式直接设置Slices

Images.xcassets图片拉伸_第6张图片
Slicing

以后做图片拉伸可以直接设置图片而不需要添加代码了。

参考文章

  1. ios中图片拉伸的几种方式
  2. IOS学习笔记58--IOS7新特性之XCODE

你可能感兴趣的:(Images.xcassets图片拉伸)