当前位置: > > > Swift - 图片处理库ImageHelper详解(扩展UIImage,UIImageView)

Swift - 图片处理库ImageHelper详解(扩展UIImage,UIImageView)

(本文代码已升级至Swift3)

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

二,ImageHelper的配置
(1)从GitHub上把最新代码下载下来,地址:https://github.com/melvitax/ImageHelper
(2)将 ImageHelper.swiftImageVIewExtension.swift 添加到项目中即可

三,UIImageView扩展相关的使用样例
1,让UIImageView支持直接通过URL地址获取图片
(1)可以设置是否需要缓存图片(默认是缓存)。是的话,每次网络请求时,会先自动判断下是否本地有缓存图片,如果有则直接使用缓存图片。对于新加载下来的图片则会缓存起来,供下次使用。
imageView1.imageFromURL("http://www.hangge.com/blog/images/logo.png", placeholder: UIImage())

(2)如果不想要缓存图片的话,可以将 shouldCacheImage 参数设置为 false
imageView1.imageFromURL("http://www.hangge.com/blog/images/logo.png", placeholder: UIImage(),
                        shouldCacheImage: false)


(3)支持设置占位符图片(placeholder),在网络图片未加载完毕的时候显示。
imageView1.imageFromURL("http://www.hangge.com/blog/images/logo.png",
            placeholder: UIImage(named: "loading")!)

(4)还可以设置图片加载完毕后是否需要淡入显示(默认是true)。
imageView1.imageFromURL("http://www.hangge.com/blog/images/logo.png",
                        placeholder: UIImage(named: "loading")!,
                        fadeIn: true)

(5)可以在图片加载成功的回调函数中做一些后续处理。
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)使用纯色
UIImage(color: UIColor.orange, size: CGSize(width: 55, height: 30))

(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添加了透明边距。
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)自动裁剪成正方形
imageView1.image = UIImage(named: "beach")
imageView2.image = UIImage(named: "beach")?.cropToSquare()

9,调整尺寸大小
imageView1.image = UIImage(named: "beach")
imageView2.image = UIImage(named: "beach")?.resize(toSize: CGSize(width: 300, height: 400))
由于不同设备的缩放比例不同,可以通过 screen scale 乘以固定的宽高的办法动态设置尺寸,保证各种设备下显示正常,不会模糊。(对于paddingborders的设置也可以用此方法)
let width = 300 * UIScreen.main.scale
let height = 400 * UIScreen.main.scale
let image = UIImage(named: "myImage")?.resize(toSize: CGSize(width: width, height: height))

10,生成圆角或圆形图片
(1)圆角图片
imageView2.image = UIImage(named: "beach")?.roundCorners(cornerRadius: 70)

(2)带边框的圆角图片
imageView1.image = UIImage(named: "beach")?.roundCorners(cornerRadius: 70, border: 200,
                                                         color: UIColor.orange)
(3)圆形图片
imageView2.image = UIImage(named: "beach")?.roundCornersToCircle()

(4)带边框的圆形图片
imageView2.image = UIImage(named: "beach")?.roundCornersToCircle(withBorder: 40,
                                                                 color: UIColor.orange)
评论5
  • 5楼
    2017-11-27 15:01
    露小芝

    请问怎么清除图片缓存呢 谢谢

    站长回复

    如果不需要缓存图片,将 shouldCacheImage 参数设置为 false 即可,文章里也补充了相关内容。

  • 4楼
    2016-12-29 14:26
    Swift3

    Hi, hangge: 貌似网络下载的图片圆角或圆形时(imageFromURL完成的回调中圆角或圆形),会报错,请问什么原因呢?错误如下:
    <Error>: CGBitmapContextCreate: unsupported parameter combination: set CGBITMAP_CONTEXT_LOG_ERRORS environmental variable to see the details

    站长回复

    我测试了下是没问题的啊。是不是你图片问题,或者是url地址有问题。

  • 3楼
    2016-10-25 16:33
    YuanzhiStyle

    航哥,图片是否可以在本地进行缓存,再次请求的时候,直接取,就不用多次请求服务器了。退出当前视图缓存清空,以免溢出?

    站长回复

    ImageHelper已经自动作了缓存的,不需要我们做额外的操作。

  • 2楼
    2016-03-21 19:59
    hangge123

    hangge,这个代码把imageView.image保存在了相册,怎么返回保存的地址,或者获取刚刚保存的地址
    UIImageWriteToSavedPhotosAlbum(imageView.image!, nil, nil, nil)

    站长回复

    UIImageWriteToSavedPhotosAlbum保存后不会返回地址,可以换一种方式实现。我下周写篇相关文章,你可以关注下。

  • 1楼
    2016-02-29 15:20
    ce

    引用整个文件夹下来AFImageHelper 就无法获取到类的方法 需要把AFImageExtension.swift、AFImageVIewExtension.swift放在通过目录才能使用 为什么会这样 求解

    站长回复

    添加文件夹的时候不要选“create folder references”试试