iOS 图片处理学习： 实现点九切图

先来一个例子: 一张图片，保留中间， 拉伸两边

看效果

• 原始图片

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 + tiledAr