iOS Quartz2D画基本图形

1.线 

    // 1.获得图形上下文

    CGContextRef ctx = UIGraphicsGetCurrentContext();

    

    // 设置线宽

    CGContextSetLineWidth(ctx, 5);

    // 设置颜色

    CGContextSetRGBStrokeColor(ctx, 0, 0, 1, 1);

    // 设置头尾部样式

    CGContextSetLineCap(ctx, kCGLineCapRound);

    // 设置转折点的样式

    CGContextSetLineJoin(ctx, kCGLineJoinRound);

    // 2.设置起点

    CGContextMoveToPoint(ctx, 10, 10);

    // 3.添加一条线段

    CGContextAddLineToPoint(ctx, 100, 100);

    // 又添加一条线段

    CGContextAddLineToPoint(ctx, 50, 100);

    

    // 4.渲染

    CGContextStrokePath(ctx);

    注:使用方法可以概括为 获取上下文→设置上下文的属性→设置起点→添加线段→渲染

　 头尾部样式有3种:kCGLineCapButt(左图), kCGLineCapRound(右图), kCGLineCapSquare(左图),Butt和Square是一样的

 
　转折点样式有3种:kCGLineJoinBevel(左),kCGLineJoinRound(中),kCGLineJoinMiter(右)

  　　　　

2. 三角形

　　　　// 获得上下文

    　　 CGContextRef ctx = UIGraphicsGetCurrentContext();

           // 起点

   　　  CGContextMoveToPoint(ctx, 0, 0);

    　　 // 添加一条线

      　  CGContextAddLineToPoint(ctx, 100, 100);

    　　 // 又添加一条线

    　　 CGContextAddLineToPoint(ctx, 150, 80);

    　　 // 设置空心颜色

    　　 CGContextSetRGBStrokeColor(ctx, 1, 0, 0, 1);

    　　 // 关闭路径

    　　 CGContextClosePath(ctx);

 

　　     // 渲染

    　　 CGContextStrokePath(ctx);

3. 四边形　　 

    　　 // 获得上下文

    　　 CGContextRef ctx = UIGraphicsGetCurrentContext();

    　　 // 添加矩形

    　　 CGContextAddRect(ctx, CGRectMake(20, 20, 100, 150));

    　　 // 设置空心颜色

           CGContextSetRGBStrokeColor(ctx, 0, 0, 1, 1);

           CGContextStrokePath(ctx);

 

　　      注:如果把设置空心颜色的代码替换成设置实心颜色

　　　　// 设置实心颜色

    　　 CGContextSetRGBFillColor(ctx, 1, 0, 0, 1);

           CGContextFillPath(ctx);

　　　　    如果把设置空心的代码替换成设置颜色

　　　　　 // 设置颜色 ,set相当于既设置了空心颜色,又设置了实心颜色

    　　　　[[UIColor redColor] set];

    　　　　CGContextFillPath(ctx);

4.八分之一圆

    // 获得上下文

    CGContextRef ctx = UIGraphicsGetCurrentContext();

    // 起点

    CGContextMoveToPoint(ctx, 100, 100);

    // 添加线段

    CGContextAddLineToPoint(ctx, 150, 100);

    // 画圆弧,参数解析: 上下文,圆心x,圆心y,半径,起始角度,结束角度,逆时针(1)or顺时针(0)

    CGContextAddArc(ctx, 100, 100, 50, 0, M_PI_4, 0);

    // 关闭路径

    CGContextClosePath(ctx);

    // 设置颜色

    [[UIColor redColor] set];

    // 渲染

    CGContextFillPath(ctx);

5.圆弧

    CGContextRef ctx = UIGraphicsGetCurrentContext();

    CGContextAddArc(ctx, 100, 100, 50, M_PI_4, M_PI, 0);

    [[UIColor redColor] set];

    CGContextFillPath(ctx);

6. 椭圆

　 CGContextRef ctx = UIGraphicsGetCurrentContext();

    CGContextAddEllipseInRect(ctx, CGRectMake(100, 100, 150, 100)); // 只要宽=高,画出来的就是正圆

    [[UIColor redColor] set];

    CGContextStrokePath(ctx);

7.画图片

    UIImage *img = [UIImage imageNamed:@"aa.jpg"]; 

//    以坐标原点(50,50)画图,长宽是图片的原始长宽

//    [img drawAtPoint:CGPointMake(50, 50)];

//    把图片画在rect里,如果长宽比图片的原始长宽大,会拉伸图片 

//    [img drawInRect:CGRectMake(50, 50, 100, 100)];

    [img drawAsPatternInRect:CGRectMake(50, 50, 200, 200)];  // 以平铺的方式画在rect里

8.画文字

    CGContextRef ctx = UIGraphicsGetCurrentContext();

    

    // 画rect

    CGRect cubeRect = CGRectMake(50, 50, 100, 100);

    CGContextAddRect(ctx, cubeRect);

    CGContextFillPath(ctx);

    

    // 在rect画文字

    NSString *str = @"试试Quartz2D画文字...";

    NSMutableDictionary *attrs = [NSMutableDictionary dictionary];

    attrs[NSForegroundColorAttributeName] = [UIColor redColor]; // 文字颜色

    attrs[NSFontAttributeName] = [UIFont systemFontOfSize:50]; // 字体

    

    [str drawInRect:cubeRect withAttributes:attrs];