|
一，ImageHelper介绍
ImageHelper（原来叫AFImageHelper）是使用Swift语言编写的处理图片的类库，通过对
UIImage
和
UIImageView
的扩展。使其增加了对图片的压缩、颜色、渐变、裁剪等操作方法，以及支持使用缓存从网站上获取图片。
二，ImageHelper的配置
（2）将
ImageHelper.swift、
ImageVIewExtension.swift 添加到项目中即可
三，UIImageView扩展相关的使用样例
1，让UIImageView支持直接通过URL地址获取图片
（1）可以设置是否需要缓存图片（默认是缓存）。是的话，每次网络请求时，会先自动判断下是否本地有缓存图片，如果有则直接使用缓存图片。对于新加载下来的图片则会缓存起来，供下次使用。
（2）支持设置占位符图片（
placeholder），在网络图片未加载完毕的时候显示。
|
1
2
|
placeholder:
UIImage
(named:
"loading"
)!)
|
（3）还可以设置图片加载完毕后是否需要淡入显示（默认是true）。
|
1
2
3
|
placeholder:
UIImage
(named:
"loading"
)!,
fadeIn:
true
)
|
（4）可以在图片加载成功的回调函数中做一些后续处理。
|
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
|
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
|
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
|
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 |
转播
