分享iOS中常用的绘图, 截屏方法

1. 设置某些角为圆角, 使用UIBezierPath

        let layer = CAShapeLayer()
        // 这里byRoundingCorners -> 指定圆角
        layer.path = UIBezierPath(roundedRect: testView.bounds, byRoundingCorners: [UIRectCorner.TopLeft, .TopRight], cornerRadii: CGSize(width: 20, height: 20)).CGPath
        testView.layer.mask = layer

2. 设置view的四个角都为圆角, 最简单的方法, 使用当然最简单的某些情况下肯定就是不适合的, 因为这个方法会触发离屏渲染, 如果界面中有大量的圆角view的处理, 会出现掉帧的"现象"

        testView.layer.cornerRadius = 20.0
        testView.layer.masksToBounds = true

3. 缩放图片

• 3.1

    // 缩放图片
    func resizeImage(image: UIImage, toWidth width: CGFloat, withHeight height: CGFloat) -> UIImage {
        let size = CGSize(width: width, height: height)
        // 开启一个上下文
        /// 设置为false 表示背景不透明 -> 黑色
        /// 设置为 0 -> 可以自适应不同的屏幕的scale显示
        UIGraphicsBeginImageContextWithOptions(size, false, 0)
        // 获取上下文
        let context = UIGraphicsGetCurrentContext()
        // 转换坐标原点到左下角
        CGContextTranslateCTM(context, 0.0, height)
        CGContextScaleCTM(context, 1.0, -1.0)
        // 设置绘制模式
        CGContextSetBlendMode(context, .Copy)
        // 绘图
        CGContextDrawImage(context, CGRect(origin: CGPointZero, size: size), image.CGImage)
        // 取得图片
        let retrivedImage = UIGraphicsGetImageFromCurrentImageContext()
        // 结束上下文
        UIGraphicsEndImageContext()
        return retrivedImage
    }

• 3.2

    // 缩放图片
    func resizeImage(image: UIImage, toWidth width: CGFloat, withHeight height: CGFloat) -> UIImage {
        let size = CGSize(width: width, height: height)
        // 开启一个上下文
        /// 设置为false 表示背景不透明 -> 黑色
        /// 设置为 0 -> 可以自适应不同的屏幕的scale显示
        UIGraphicsBeginImageContextWithOptions(size, false, 0)
        /// 绘制图片
        image.drawInRect(CGRect(origin: CGPointZero, size: size))
        // 取得图片
        let retrivedImage = UIGraphicsGetImageFromCurrentImageContext()
        // 结束上下文
        UIGraphicsEndImageContext()
        return retrivedImage
    }

4. 截屏功能

• 4.1

    func snapView(targetView: UIView) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(targetView.bounds.size, false, 0)
        // iOS7.0 之后系统提供的截屏的功能
        targetView.drawViewHierarchyInRect(targetView.bounds, afterScreenUpdates: false)
        
        let snapdImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return snapdImage

    }

• 4.2

  //这个方法会返回一个"截屏"后的view
  // withCapInsets  -> 这个和拉伸图片的image.resizableImageWithCapInsets()使用一样
       let snapShotView  = view.resizableSnapshotViewFromRect(view.bounds, afterScreenUpdates: false, withCapInsets: UIEdgeInsetsZero)

• 4.3

  func snapView(targetView: UIView) -> UIImage {
              UIGraphicsBeginImageContextWithOptions(targetView.bounds.size, false, 0.0)
// 区分和4.1中的使用
    targetView.layer.renderInContext(UIGraphicsGetCurrentContext()!)
      let image = UIGraphicsGetImageFromCurrentImageContext()
      UIGraphicsEndImageContext()

      return image

  }

5. 剪裁图片的指定部分

• 5.1

    func cutImage(image: UIImage, cutRect: CGRect) -> UIImage {
        
        UIGraphicsBeginImageContextWithOptions(cutRect.size, false, 0.0)
        // 获取上下文
        let context = UIGraphicsGetCurrentContext()
        // 转换坐标原点到左下角
        CGContextTranslateCTM(context, 0.0, cutRect.size.height)
        CGContextScaleCTM(context, 1.0, -1.0)
        // 设置绘制模式
        CGContextSetBlendMode(context, .Copy)
        // 绘图
        CGContextDrawImage(context, cutRect, image.CGImage)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }

• 5.2

    func cutImage(image: UIImage, cutRect: CGRect) -> UIImage {
        
        UIGraphicsBeginImageContextWithOptions(cutRect.size, false, 0.0)
        // 获取上下文
        let context = UIGraphicsGetCurrentContext()
        image.drawInRect(cutRect)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }

6. 将颜色绘制为图片

• 6.1

    func imageFromColor(color: UIColor, size: CGSize) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(size, false, 0.0)
        let rect = CGRect(origin: CGPointZero, size: size)
        color.setFill()
        UIRectFill(rect)
        
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }

• 6.2

    func imageFromColor(color: UIColor, size: CGSize) -> UIImage {
        UIGraphicsBeginImageContextWithOptions(size, false, 0.0)
        let rect = CGRect(origin: CGPointZero, size: size)
//        color.setFill()
//        UIRectFill(rect)
        
        let context = UIGraphicsGetCurrentContext()
        CGContextSetFillColorWithColor(context, color.CGColor)
        CGContextFillRect(context, rect)
        let image = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return image
    }

---

如果你觉得平时很少接触过Quartzs 2D来绘图, 可能看上面的代码不是很明白, 如果想要更清楚, 建议阅读相关的绘图教程, 同时下一篇可能会简单分享一下使用Quartzs 2D来绘图的相关知识, 欢迎关注

---