[转]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	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）。

1 2 3

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

 

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

1 2 3 4 5 6 7

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) 方法）

1 2 3 4 5 6 7

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）使用放射性渐变色

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))

 

3，给图片覆盖一层渐变色
下面给原始的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)

（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的设置也可以用此方法）

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	imageView2.image =  UIImage (named:  "beach" )?.roundCorners(cornerRadius: 70)

 

（2）带边框的圆角图片

1 2	imageView1.image =  UIImage (named:  "beach" )?.roundCorners(cornerRadius: 70, border: 200,                                                           color:  UIColor .orange)

（3）圆形图片

1	imageView2.image =  UIImage (named:  "beach" )?.roundCornersToCircle()

 

（4）带边框的圆形图片

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

转载于:https://www.cnblogs.com/linganxiong/p/7683539.html