有时我们项目中需要复用一些图片资源,比如很多地方都会使用同一张背景图片,只不过显示的尺寸不同。那么就需要让图片可以根据情况自动拉伸。
但如果图片有圆角或一些其他特殊边框的话,直接拉伸会造成变形。比如下面这个带圆角的背景图:
如果我们直接拉伸的话就会就会很难看:
这个问题可以借助 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)运行结果如下: