先来一个例子: 一张图片,保留中间, 拉伸两边
看效果
- 原始图片
easy
- 处理后
调用代码
view.backgroundColor = UIColor.white
let imgViewWidth: CGFloat = 300
let imgView = UIImageView(frame: CGRect(origin: CGPoint(x: 50, y: 250), size: CGSize(width: imgViewWidth, height: 100)))
imgView.contentMode = .scaleAspectFit
view.addSubview(imgView)
if let image = UIImage(named: "easy"), let img = stretchImageSides(image: image, newWidth: imgViewWidth){
imgView.image = img
}
实现代码
逻辑比较简单,
- 先拉左边
拉升最左边 3 pt 的图片
保留其他部分不变
- 再拉右边
拉升最右边 3 pt 的图片
保留其他部分不变
这两步的区别是,
画布拉大
func stretchImageSides(image: UIImage, newWidth: CGFloat) -> UIImage? {
guard image.size.width < newWidth else {
return image
}
let originalWidth = image.size.width
let tiledAreaWidth = ceil(newWidth - originalWidth) / 2.0
UIGraphicsBeginImageContextWithOptions(CGSize(width: originalWidth + tiledAre