[转]Swift - 图片处理库ImageHelper详解(扩展UIImage,UIImageView)
一,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,让UIImageView支持直接通过URL地址获取图片
(1)可以设置是否需要缓存图片(默认是缓存)。是的话,每次网络请求时,会先自动判断下是否本地有缓存图片,如果有则直接使用缓存图片。对于新加载下来的图片则会缓存起来,供下次使用。
1
|
|
1
2
|
placeholder: UIImage (named: "loading" )!) |
1
2
3
|
placeholder: UIImage (named: "loading" )!, fadeIn: true ) |
(4)可以在图片加载成功的回调函数中做一些后续处理。
四,UIImage扩展相关的使用样例
1,通过URL地址获取图片
同 UIImageView 一样,UIImage 也可以通过URL获取网络图片。同样支持占位符图片,图片缓存,加载完毕回调。
(其实UIImageView的url图片加载内部调用的就是 UIImage.image(fromURL: url) 方法)
2,通过颜色生成UIImage
(1)使用纯色
1
2
3
4
5
6
7
|
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) 方法)
1
2
3
4
5
6
7
|
UIImage .image(fromURL: url, placeholder: UIImage (), shouldCacheImage: true ) { (image: UIImage ?) in if image != nil { self .imageView1.image = image } } |
2,通过颜色生成UIImage
(1)使用纯色
1
2
|
let gradientColors = [ UIColor .orange, UIColor .red] UIImage (gradientColors: gradientColors, size: CGSize (width: 55, height: 30)) |
1
2
3
|
UIImage (startColor: UIColor .orange, endColor: UIColor .red, radialGradientCenter: CGPoint (x: 0.5, y: 0.5), radius: 1, size: CGSize (width: 55, height: 30)) |
下面给原始的UIImage添加一个半透明的黄褐色渐变,使图片有种添加老照片滤镜的效果。
(默认的混合模式是 CGBlendMode.Normal,也可以设置成其他的 blendMode)
1
2
3
|
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
除了设置文字内容,还可以设置文字大小,文字颜色和背景颜色。
1
2
3
4
5
6
7
8
9
10
|
//假设界面上的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)
1
2
3
|
//将当前页面转换成image let image = UIImage (fromView: self .view) imageView2.image = image |
6,透明层相关(alpha layer)
1
2
3
4
5
|
//判断图片是否有透明图层 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)自定义裁剪位置和尺寸
1
2
3
4
|
imageView1.image = UIImage (named: "beach" ) let rect = CGRect (x: 0, y: 0, width: 500, height: 200) imageView2.image = UIImage (named: "beach" )?.crop(bounds: rect) |
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)) |
1
2
3
|
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)圆角图片
1
2
|
imageView1.image = UIImage (named: "beach" )?.roundCorners(cornerRadius: 70, border: 200, color: UIColor .orange) |
1
2
|
imageView2.image = UIImage (named: "beach" )?.roundCornersToCircle(withBorder: 40, color: UIColor .orange) |
原文出自:www.hangge.com 转载请保留原文链接:http://www.hangge.com/blog/cache/detail_975.html