iOS之Drawing<2>

图形上下文(Graphics Contexts)

我们可以使用代码来创建图画，图形上下文是可以绘画的地方。这里推荐两种获取图形上下文的方法：

• 创建一个图片上下文(image context)
  函数UIGraphicsBeginImageContextWithOptions用来创建一个图形上下文，接着你可以在上面绘制来产生图片，然后通过UIGraphicsGetImageFromCurrentImageContext来将上下文转变为UIImage，最后使用UIGraphicsEndImageContext关闭上下文。
• Cocoa交给你一个图形上下文(graphics context)
  子类化UIView，然后实现drawRect:。在drawRect:被调用时，Cocoa已经创建了一个图形上下文，你在上面绘制什么，UIView就展示什么。

进一步，注意当前图形上下文：

• UIGraphicsBeginImageContextWithOptions函数不仅仅创建一个图片上下文，它也会让刚创建的上下文成为当前的图形上下文。
• drawRect:被调用的时候，UIView的绘图上下文已经是当前的图形上下文了。
• 带有context:参数的回调并没让任何一个上下文成为当前的图形上下文。这个参数是图形上下文的引用，你将会在上面绘制图形，所以你要确保让它成为当前的上下文。

有两种工具可以绘制图形：

• UIKit：
  许多Cocoa类都知道如何绘制自己，包括UIImage，NSString(绘制文本)，UIBezierPath(绘制形状)，和UIColor。一些类提供便利方法，但是能力有限；其它类是相当强大的。

如果是通过context:参数传入图形上下文的话，你可以通过UIGraphicsPushContext方法来使传进来的上下文成为当前上下文，确保稍后调用UIGraphicsPopContext恢复到以前状态。
- Core Graphics：
这是强大的绘图API。Core Graphics通常指的是Quartz或者Quartz 2D，是位于所有iOS绘图之下的绘图系统，UIKit也是建立在其之上，所以，它是底层的，由C函数组成的。

使用Core Graphics，你必须要声明一个绘图上下文(CGContext)来在上面绘图。如果是通过context:参数传入的图形上下文的话，那个就是你要在上面绘图的上下文；但是在UIGraphicsBeginImageContextWithOptions或者drawRect:情况下，你没有对上下文的引用，为了使用Core Graphics，你必须要得到引用。因为你想要绘制的就是当前上下文，所以可以调用UIGraphicsGetCurrentContext获得引用。

1.实现UIView子类的drawRect:方法，使用UIKit在当前上下文中进行绘图：

override func drawRect(rect: CGRect) {
        let p=UIBezierPath(ovalInRect: CGRectMake(0, 0, 100, 100))
        UIColor.blueColor().setFill()
        p.fill()
    }

2.使用Core Graphics实现相同的事情：

override func drawRect(rect: CGRect) {
        let con=UIGraphicsGetCurrentContext()!
        CGContextAddEllipseInRect(con, CGRectMake(0, 0, 100, 100))
        CGContextSetFillColorWithColor(con, UIColor.blueColor().CGColor)
        CGContextFillPath(con)
    }

3.实现UIView子类的drawLayer:inContext:方法，这种情况下，有一个上下文的引用，但它不是当前上下文，所以必须使它成为当前上下文来使用UIKit：

    override func drawLayer(layer: CALayer, inContext ctx: CGContext) {  
       UIGraphicsPushContext(ctx)
        let p=UIBezierPath(ovalInRect: CGRectMake(0, 0, 100, 100))
        UIColor.redColor().setFill()
        p.fill()
        UIGraphicsPopContext()
    }

4.使用Core Graphics实现上面的效果：

```
    override func drawLayer(layer: CALayer, inContext ctx: CGContext) {  
       CGContextAddEllipseInRect(ctx, CGRectMake(0, 0, 100, 100))
        CGContextSetFillColorWithColor(ctx, UIColor.blueColor().CGColor)
        CGContextFillPath(ctx)
    }

5.最后，来制作一个UIImage，我们可以在任何时候完成这个任务。产生的UIImage可以用在任何地方：

使用UIKit：

override func viewDidLoad() {
        super.viewDidLoad()
        let draw=UIImageView()
        draw.frame=CGRectMake(100, 100, 100, 100)

        UIGraphicsBeginImageContextWithOptions(CGSize(width: 100, height: 100), false, 1.0)
        let p=UIBezierPath(ovalInRect: CGRectMake(0, 0, 100, 100))
        UIColor.blueColor().setFill()
        p.fill()

        let im:UIImage=UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        draw.image=im

        self.view.addSubview(draw)
    }

使用Core Graphics：

verride func viewDidLoad() {
        super.viewDidLoad()

        let draw=UIImageView()
        draw.frame=CGRectMake(100, 100, 100, 100)

        UIGraphicsBeginImageContextWithOptions(CGSize(width: 100, height: 100), false, 1.0)
        let con=UIGraphicsGetCurrentContext()
        CGContextAddEllipseInRect(con, CGRectMake(0, 0, 100, 100))
        CGContextSetFillColorWithColor(con, UIColor.blueColor().CGColor)
        CGContextFillPath(con)

        let im:UIImage=UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()

        draw.image=im

        self.view.addSubview(draw)
    }