Swift - 使用resizableImage拉伸图片的指定部分（九宫格拉伸）

转载自使用resizableImage拉伸图片的指定部分

有时我们项目中需要复用一些图片资源，比如很多地方都会使用同一张背景图片，只不过显示的尺寸不同。那么就需要让图片可以根据情况自动拉伸。

但如果图片有圆角或一些其他特殊边框的话，直接拉伸会造成变形。比如下面这个带圆角的背景图：

原文:Swift - 使用resizableImage拉伸图片的指定部分（九宫格拉伸）

如果我们直接拉伸的话就会就会很难看：

原文:Swift - 使用resizableImage拉伸图片的指定部分（九宫格拉伸）

这个问题可以借助 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）运行结果如下：

原文:Swift - 使用resizableImage拉伸图片的指定部分（九宫格拉伸）

原文出自：www.hangge.com 转载请保留原文链接：https://www.hangge.com/blog/cache/detail_2070.html