Swift - 使用resizableImage拉伸图片的指定部分（九宫格拉伸）
作者：hangge | 2018-07-05 08:00
有时我们项目中需要复用一些图片资源，比如很多地方都会使用同一张背景图片，只不过显示的尺寸不同。那么就需要让图片可以根据情况自动拉伸。
但如果图片有圆角或一些其他特殊边框的话，直接拉伸会造成变形。比如下面这个带圆角的背景图：
如果我们直接拉伸的话就会就会很难看：
这个问题可以借助 resizableImage 方法来解决。
1，resizableImage 方法介绍
该方法可以指定一个矩形区域，这个图片在矩形内的部分会拉伸变形，而这个矩形区域外的部分则会保持原样。该方法有如下两个参数：
（1）withCapInsets：通过设置 UIEdgeInsets 的 left、right、top、bottom 来分别指定这个矩形区域距离左侧、右侧、顶部、底部的距离。
（2）resizingMode：设置矩形区域的拉伸变形模式，具体有如下两种：
- .stretch：拉伸模式，通过拉伸 UIEdgeInsets 指定的矩形区域来填充图片。
- .tile：平铺模式，通过重复显示 UIEdgeInsets 指定的矩形区域来填充图片。
2，使用样例
（1）这里我们让图片左边 15 像素部分，右边 15 像素部分保持不变，中间区域进行拉伸。
let imageView = UIImageView(frame: CGRect(x:10, y:100, width:300, height:66))
let image = UIImage(named: "bg")?
.resizableImage(withCapInsets: UIEdgeInsets(top: 0, left: 15, bottom: 0, right: 15),
resizingMode: .stretch) //左右15像素的部分不变，中间部分来拉伸
imageView.image = image
view.addSubview(imageView)
（2）运行结果如下：
全部评论（0）