[转]Swift - 图片处理库ImageHelper详解（扩展UIImage,UIImageView） - Swift 教程-OStack程序员社区-中国程序员成长平台

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› 移动开发›Swift 教程

[转]Swift - 图片处理库ImageHelper详解（扩展UIImage,UIImageView）

原作者: [db:作者] 来自: [db:来源] 收藏邀请

一，ImageHelper介绍

ImageHelper（原来叫AFImageHelper）是使用Swift语言编写的处理图片的类库，通过对 UIImage 和 UIImageView 的扩展。使其增加了对图片的压缩、颜色、渐变、裁剪等操作方法，以及支持使用缓存从网站上获取图片。

二，ImageHelper的配置

（1）从GitHub上把最新代码下载下来，地址：https://github.com/melvitax/ImageHelper

（2）将 ImageHelper.swift、ImageVIewExtension.swift 添加到项目中即可

三，UIImageView扩展相关的使用样例
1，让UIImageView支持直接通过URL地址获取图片
（1）可以设置是否需要缓存图片（默认是缓存）。是的话，每次网络请求时，会先自动判断下是否本地有缓存图片，如果有则直接使用缓存图片。对于新加载下来的图片则会缓存起来，供下次使用。

1	`imageView1.imageFromURL("http://www.hangge.com/blog/images/logo.png", placeholder:` `UIImage())`

（2）支持设置占位符图片（placeholder），在网络图片未加载完毕的时候显示。

1 2	`imageView1.imageFromURL("http://www.hangge.com/blog/images/logo.png",` `placeholder:` `UIImage(named:` `"loading")!)`

（3）还可以设置图片加载完毕后是否需要淡入显示（默认是true）。

imageView1.imageFromURL("http://www.hangge.com/blog/images/logo.png",

                        placeholder: UIImage(named: "loading")!,

                        fadeIn: true)

（4）可以在图片加载成功的回调函数中做一些后续处理。

imageView1.imageFromURL("http://www.hangge.com/blog/images/logo.png",

    placeholder: UIImage(named: "loading")!, fadeIn: true, shouldCacheImage: true) {

        (image: UIImage?) in

        if image != nil {

            print("图片加载成功!")

        }
}

四，UIImage扩展相关的使用样例
1，通过URL地址获取图片
同 UIImageView 一样，UIImage 也可以通过URL获取网络图片。同样支持占位符图片，图片缓存，加载完毕回调。
（其实UIImageView的url图片加载内部调用的就是 UIImage.image(fromURL: url) 方法）

let url = "http://www.hangge.com/blog/images/logo.png"

UIImage.image(fromURL: url, placeholder: UIImage(), shouldCacheImage: true) {

    (image: UIImage?) in

    if image != nil {

        self.imageView1.image = image

    }
}

2，通过颜色生成UIImage
（1）使用纯色

1	`UIImage(color:` `UIColor.orange, size:` `CGSize(width: 55, height: 30))`

（2）使用线性渐变色

1 2	`let` `gradientColors = [UIColor.orange,` `UIColor.red]` `UIImage(gradientColors: gradientColors, size:` `CGSize(width: 55, height: 30))`

（3）使用放射性渐变色

UIImage(startColor: UIColor.orange, endColor: UIColor.red,

    radialGradientCenter: CGPoint(x: 0.5, y: 0.5), radius: 1,

    size:  CGSize(width: 55, height: 30))

3，给图片覆盖一层渐变色
下面给原始的UIImage添加一个半透明的黄褐色渐变，使图片有种添加老照片滤镜的效果。

（默认的混合模式是 CGBlendMode.Normal，也可以设置成其他的 blendMode）

let gradientColors = [UIColor(red: 0.996, green: 0.769, blue: 0.494, alpha: 1.0),

    UIColor(red: 0.969, green: 0.608, blue: 0.212, alpha: 0.2)]

imageView2.image = UIImage(named: "beach")?.apply(gradientColors: gradientColors)

4，通过Text文本生成UIImage
除了设置文字内容，还可以设置文字大小，文字颜色和背景颜色。

//假设界面上的UIImageView尺寸是180*80

let textSize = 46 * UIScreen.main.scale

let imageWidth = 180 * UIScreen.main.scale

let imageHeight = 80 * UIScreen.main.scale
 
if let image = UIImage(text: "hangge", font: UIFont.systemFont(ofSize: textSize),

                       color: UIColor.white, backgroundColor: UIColor.orange,

                       size: CGSize(width: imageWidth, height: imageHeight)){

    imageView1.image = image
}

5，对任意UIView对象截图（Screenshot）

//将当前页面转换成image

let image = UIImage(fromView: self.view)
imageView2.image = image

6，透明层相关（alpha layer）

//判断图片是否有透明图层

UIImage(named: "logo")?.hasAlpha
 
//给图片添加透明涂层

UIImage(named: "logo")?.applyAlpha()

7，给图片增加外边距（添加透明边框）
下面样例上下两个imageView的尺寸是一样的，样式都是Aspect Fit。下面一个使用的image添加了透明边距。

1 2	`imageView1.image =` `UIImage(named:` `"beach")` `imageView2.image =` `UIImage(named:` `"beach")?.apply(padding: 50)`

8，图片裁剪
（1）自定义裁剪位置和尺寸

imageView1.image = UIImage(named: "beach")
 
let rect = CGRect(x: 0, y: 0, width: 500, height: 200)

imageView2.image = UIImage(named: "beach")?.crop(bounds: rect)

（2）自动裁剪成正方形

1 2	`imageView1.image =` `UIImage(named:` `"beach")` `imageView2.image =` `UIImage(named:` `"beach")?.cropToSquare()`

9，调整尺寸大小

1 2	`imageView1.image =` `UIImage(named:` `"beach")` `imageView2.image =` `UIImage(named:` `"beach")?.resize(toSize:` `CGSize(width: 300, height: 400))`

由于不同设备的缩放比例不同，可以通过 screen scale 乘以固定的宽高的办法动态设置尺寸，保证各种设备下显示正常，不会模糊。（对于padding、borders的设置也可以用此方法）

let width = 300 * UIScreen.main.scale

let height = 400 * UIScreen.main.scale

let image = UIImage(named: "myImage")?.resize(toSize: CGSize(width: width, height: height))