Quartz2D

UI

图形上下文

• 图形上下文（Graphics Context）：是一个CGContextRef类型的数据
• 作用：
  
  • 保存绘图信息，绘图状态
  • 决定绘制的输出目标（绘制到什么地方去，输出目标可以是PDF文件、Bitmap或者显示器的窗口上）
    

绘图步骤

• 自定义view

• 在自定义View中重写drawRect:方法

  • 获取上下文
  • 拼接路径
  • 将路径添加到上下文
  • 将上下文渲染到目标位置
    

    - (void)drawRect:(CGRect)rect {
    // 获取上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    // 拼接路径
    UIBezierPath *path = [UIBezierPath bezierPath];
    [path moveToPoint:CGPointMake(10, 150)];
    [path addLineToPoint:CGPointMake(290, 150)];
    [path moveToPoint:CGPointMake(150, 10)];
    [path addLineToPoint:CGPointMake(150, 290)];
    // 将路径添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    // 渲染上下文
    CGContextStrokePath(ctx);
    }

drawRect:方法

• 为什么要实现drawRect:方法才能绘图到view上？

  • 因为在drawRect:方法中才能取得跟view相关联的图形上下文

• drawRect:方法在什么时候被调用？

  • 当view第一次显示到屏幕上时（被加到UIWindow上显示出来）
  • 调用view的setNeedsDisplay或者setNeedsDisplayInRect:时

Quartz2D须知

• Quartz2D的API是纯C语言的
• Quartz2D的API来自于Core Graphics框架
• 数据类型和函数基本都以CG作为前缀
  CGContextRef
  CGPathRef
  CGContextStrokePath(ctx);
  ...