Swift中CGContextRef画图用法

Graphics Context是图形上下文,可以将其理解为一块画布,我们可以在上面进行绘画操作,绘制完成后,将画布放到我们的view中显示即可,view我们可以把它看作是一个画框.下面是我学习的时候小Demo,给大家分享一下,希望对大家在这方便学习有所帮助,具体实现过程我就直接贴出代码, 代码中我写了注释一目了然.下面我们先看部分的效果图:

效果图_1.png

代码实现:
① 文字

 let magentaColor = UIColor.greenColor()
    let myString:NSString = "我的剑就是你的剑"
    let helveticaBold = UIFont.init(name: "HelveticaNeue-Bold", size: 30.0);
    myString.drawAtPoint(CGPoint(x: 20, y: 100), withAttributes:[NSFontAttributeName: helveticaBold!,  NSForegroundColorAttributeName: magentaColor])

② 直线

 // 获取画布
    let context = UIGraphicsGetCurrentContext()
    // 线条颜色
    CGContextSetStrokeColorWithColor(context, UIColor.redColor().CGColor)
    // 设置线条平滑，不需要两边像素宽
    CGContextSetShouldAntialias(context, false)
    // 设置线条宽度
    CGContextSetLineWidth(context, 2.0)
    // 设置线条起点
    CGContextMoveToPoint(context, 30, 200)
    // 线条结束点
    CGContextAddLineToPoint(context, 150, 200)
    // 开始画线
    CGContextStrokePath(context)

③ 矩形

///  无框的
    // 获取画布
    let context = UIGraphicsGetCurrentContext()
    // 设置矩形填充颜色: 蓝色
    CGContextSetRGBFillColor(context, 1.0, 0.0, 0.0, 1.0)
    //填充矩形
    CGContextFillRect(context, CGRect(x: 30, y: 260, width: 100, height: 60))
    //执行绘画
    CGContextStrokePath(context);
    
    /// 有框的
    // 矩形填充颜色：红色
    CGContextSetRGBFillColor(context, 1.0, 0.0, 0.0, 1.0)
    // 填充矩形
    CGContextFillRect(context, CGRect(x: 30, y: 350, width: 100, height: 60))
    // 画笔颜色：黑色
    CGContextSetRGBStrokeColor(context, 0, 0, 0, 1)
    // 画笔线条粗细
    CGContextSetLineWidth(context, 1.0)
    // 画矩形边框
    CGContextAddRect(context,CGRect(x: 30, y: 350, width: 100, height: 60))
    // 执行绘画
    CGContextStrokePath(context)

④ 圆

// 获取画布
    let context = UIGraphicsGetCurrentContext()
    // 画圆
    CGContextAddEllipseInRect(context, CGRectMake(50,420,100,100))
    // 画笔颜色
    CGContextSetRGBStrokeColor(context, 0.3, 0.7, 0, 1.0)
    // 关闭路径
    CGContextStrokePath(context)

⑤ 扇形与椭圆

// 获取画布
    let context = UIGraphicsGetCurrentContext()
    
    //画扇形，也就画圆，只不过是设置角度的大小，形成一个扇形
    CGContextSetFillColorWithColor(context, UIColor.brownColor().CGColor)//填充颜色
    //以10为半径围绕圆心画指定角度扇形
    CGContextMoveToPoint(context, 160, 180)
    CGContextAddArc(context, 180, 180, 30, 120, 200, 2)
    CGContextClosePath(context);
    CGContextDrawPath(context, CGPathDrawingMode.FillStroke) //绘制路径
    
    //画椭圆
    CGContextAddEllipseInRect(context, CGRectMake(200, 230, 100, 30)) //椭圆
    CGContextDrawPath(context, CGPathDrawingMode.FillStroke)

⑥ 贝塞尔曲线

// 获取画布
    let context = UIGraphicsGetCurrentContext()
    // 二次曲线
    CGContextMoveToPoint(context, 240, 380) // 设置path的起点
    CGContextAddQuadCurveToPoint(context, 200, 300, 240, 420) //设置贝塞尔曲线的控制点坐标和终点坐标
    
    CGContextStrokePath(context)
    //三次曲线函数
    CGContextMoveToPoint(context, 200, 300) //设置Path的起点
    CGContextAddCurveToPoint(context,250, 280, 250, 400, 280, 300) //设置贝塞尔曲线的控制点坐标和控制点坐标终点坐标
    CGContextStrokePath(context)

⑦ 图片添加水印
效果图:

效果图_2.png
代码实现部分

 override func drawRect(rect: CGRect) {

 imageView.image = UIImage(named:"bg")?
      .waterMarkedImage("学习就要学会分享", corner: .TopLeft,
                        margin: CGPoint(x: 20, y: 20),
                        waterMarkTextColor: UIColor.blackColor(),
                        waterMarkTextFont: UIFont.systemFontOfSize(20),
                        backgroundColor: UIColor.clearColor())
    imageView.frame = CGRect(x: 100, y: 100, width: 200, height: 300)
    self.addSubview(imageView)
}

// 扩展UIImage
extension UIImage{
  
  //水印位置枚举
  enum WaterMarkCorner{
    case TopLeft
    case TopRight
    case BottomLeft
    case BottomRight
  }
  
  //添加水印方法
  func waterMarkedImage(waterMarkText:String, corner:WaterMarkCorner = .BottomRight,
                        margin:CGPoint = CGPoint(x: 20, y: 20),
                        waterMarkTextColor:UIColor = UIColor.whiteColor(),
                        waterMarkTextFont:UIFont = UIFont.systemFontOfSize(20),
                        backgroundColor:UIColor = UIColor.clearColor()) -> UIImage{
    
    let textAttributes = [NSForegroundColorAttributeName:waterMarkTextColor,
                          NSFontAttributeName:waterMarkTextFont,
                          NSBackgroundColorAttributeName:backgroundColor]
    let textSize = NSString(string: waterMarkText).sizeWithAttributes(textAttributes)
    var textFrame = CGRectMake(0, 0, textSize.width, textSize.height)
    
    let imageSize = self.size
    switch corner{
    case .TopLeft:
      textFrame.origin = margin
    case .TopRight:
      textFrame.origin = CGPoint(x: imageSize.width - textSize.width - margin.x, y: margin.y)
    case .BottomLeft:
      textFrame.origin = CGPoint(x: margin.x, y: imageSize.height - textSize.height - margin.y)
    case .BottomRight:
      textFrame.origin = CGPoint(x: imageSize.width - textSize.width - margin.x,
                                 y: imageSize.height - textSize.height - margin.y)
    }
    
    // 开始给图片添加文字水印
    UIGraphicsBeginImageContext(imageSize)
    self.drawInRect(CGRectMake(10, 0, imageSize.width, imageSize.height))
    NSString(string: waterMarkText).drawInRect(textFrame, withAttributes: textAttributes)
    
    let waterMarkedImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    
    return waterMarkedImage
  }