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

地址:http://www.hangge.com/blog/cache/detail_975.html


一,ImageHelper介绍

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

二,ImageHelper的配置

(1)从GitHub上把最新代码下载下来,地址:https://github.com/melvitax/ImageHelper

(2)将 ImageHelper.swift、ImageVIewExtension.swift 添加到项目中即可

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

三,UIImageView扩展相关的使用样例

1,让UIImageView支持直接通过URL地址获取图片

(1)可以设置是否需要缓存图片(默认是缓存)。是的话,每次网络请求时,会先自动判断下是否本地有缓存图片,如果有则直接使用缓存图片。对于新加载下来的图片则会缓存起来,供下次使用。

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

1

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

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

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

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)使用纯色

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

1

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

(2)使用线性渐变色

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

1

2

let gradientColors = [UIColor.orange, UIColor.red]

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

(3)使用放射性渐变色

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

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)

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

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

除了设置文字内容,还可以设置文字大小,文字颜色和背景颜色。

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

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添加了透明边距。

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

1

2

imageView1.image = UIImage(named: "beach")

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

8,图片裁剪

(1)自定义裁剪位置和尺寸

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

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)自动裁剪成正方形

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

1

2

imageView1.image = UIImage(named: "beach")

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

9,调整尺寸大小

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

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)圆角图片

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

1

imageView2.image = UIImage(named: "beach")?.roundCorners(cornerRadius: 70)

(2)带边框的圆角图片

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

1

2

imageView1.image = UIImage(named: "beach")?.roundCorners(cornerRadius: 70, border: 200,

color: UIColor.orange)

(3)圆形图片

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

1

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

(4)带边框的圆形图片

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

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

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容