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

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

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

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

   testView.layer.cornerRadius = 
        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, )
        // 获取上下文
        let context = UIGraphicsGetCurrentContext()
        // 转换坐标原点到左下角
        CGContextTranslateCTM(context, , height)
        CGContextScaleCTM(context, , -)
        // 设置绘制模式
        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, )
        /// 绘制图片
        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, )
        // 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, )
   // 区分和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, )
        // 获取上下文
        let context = UIGraphicsGetCurrentContext()
        // 转换坐标原点到左下角
        CGContextTranslateCTM(context, , cutRect.size.height)
        CGContextScaleCTM(context, , -)
        // 设置绘制模式
        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, )
        // 获取上下文
        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, )
        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, )
        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来绘图的相关知识, 欢迎关注

文／ZeroJ（简书作者）

原文链接：http://www.jianshu.com/p/524454440bea

著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。