zoukankan      html  css  js  c++  java
  • [转]Swift

    一,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
                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)使用纯色
    原文:Swift - 图片处理库ImageHelper详解(扩展UIImage,UIImageView)
    1
    UIImage(color: UIColor.orange, size: CGSize( 55, height: 30))
     
    (2)使用线性渐变色
    原文:Swift - 图片处理库ImageHelper详解(扩展UIImage,UIImageView)
    1
    2
    let gradientColors = [UIColor.orange, UIColor.red]
    UIImage(gradientColors: gradientColors, size: CGSize( 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( 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( 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, 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( 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, 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

  • 相关阅读:
    strcat strcpy 使用出现的问题汇总
    MySql Host is blocked because of many connection errors; unblock with 'mysqladmin flush-hosts' 解决方法
    nginx 设置反响代理实现nginx集群
    js 去掉字符串最后一个字符
    二维数组 获取某键值集合
    oracle 序列
    递归数据查询
    oracle 递归查询
    jQuery EasyUI API 中文文档
    SecureCRT使用的技巧 键盘修改
  • 原文地址:https://www.cnblogs.com/linganxiong/p/7683539.html
Copyright © 2011-2022 走看看