Swift - 使用resizableImage拉伸图片的指定部
2019-08-26 本文已影响0人
绍清_shao
有时我们项目中需要复用一些图片资源，比如很多地方都会使用同一张背景图片，只不过显示的尺寸不同。那么就需要让图片可以根据情况自动拉伸。
但如果图片有圆角或一些其他特殊边框的话，直接拉伸会造成变形。比如下面这个带圆角的背景图：
原文: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
