1、绘制直线

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

//获取当前上下文
    CGContextRef contextRef = UIGraphicsGetCurrentContext();
    UIColor *color = [UIColor colorWithRed:0.5 green:0.35 blue:0.8 alpha:0.7];
    //设置线条颜色
//    CGContextSetStrokeColor(contextRef, CGColorGetComponents([UIColor redColor].CGColor));
    //官方推荐首选这个API
    CGContextSetStrokeColorWithColor(contextRef, [UIColor redColor].CGColor);
    //设置线条颜色
    CGContextSetLineWidth(contextRef, 5);
    //设置线条端点(不带端点)
    CGContextSetLineCap(contextRef, kCGLineCapButt);
    //设置线条绘制的起始坐标点
    CGContextMoveToPoint(contextRef, 50, 20);
    //结束点
    CGContextAddLineToPoint(contextRef, 100, 20);
    //绘制线条路径
    CGContextStrokePath(contextRef);

这里插播一个从指定UIColor对象中获取RGB值得方式，上面设置线条颜色方法：CGContextSetStrokeColor第二个参数有用到。

1
2
3
4
5
6
7
8
9
10
11
12

//它是返回一个存储RGB与Alpha值得数组
const CGFloat *componets =  CGColorGetComponents(color.CGColor);
CGFloat r,g,b,a;
//R值
r = componets[0];
//G值
g = componets[1];
//B值
b = componets[2];
//Alpha值
a = componets[3];

不信，此处看客可以打印RGB、Alpha值试试！

2、绘制矩形

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
  //设置线条颜色
    CGContextSetStrokeColorWithColor(contextRef, [UIColor blueColor].CGColor);
    CGContextSetLineWidth(contextRef, 2);
    //绘制矩形边框
    CGContextStrokeRect(contextRef, CGRectMake(50, 30, 80, 80));
//    CGContextSetFillColor(contextRef, CGColorGetComponents([UIColor cyanColor].CGColor));
    //绘制实心矩形
    CGContextSetFillColorWithColor(contextRef, [UIColor cyanColor].CGColor);
    CGContextFillRect(contextRef, CGRectMake(50, 120, 80, 80));

    //绘制带边框的矩形
    CGContextSetStrokeColorWithColor(contextRef, [UIColor brownColor].CGColor);
    CGContextSetFillColorWithColor(contextRef, [UIColor magentaColor].CGColor);
    CGContextSetLineWidth(contextRef, 2);
    CGContextAddRect(contextRef, CGRectMake(50, 210, 80, 80));
    
    //绘制路径方式：
    /*CGPathDrawingMode:
     *kCGPathFill,  //用非零绕数规则填充（什么鬼？）
     *kCGPathEOFill,    //用奇偶规则填充不带边框
     *kCGPathStroke,    //描线
     *kCGPathFillStroke,    //描线填充
     *kCGPathEOFillStroke   //奇偶填充带边框
     */
    CGContextDrawPath(contextRef, kCGPathFillStroke);

这里介绍一下设置线型为虚线的方式（虚线绘制方式）

1
2
3
4
5
6
7
8
9
10
11
12
13

/*
*phase:    虚线开始部分绘制大小
*const CGFloat *lengths:   虚线排列的大小规则数组，数组的值用来指定绘制与未绘制部分的长度（间隔）
*例如{2，3}指交替绘制2个单元长度的线段与3个单元长度未绘制长度线段（间隙）
*例子示意图：      --   --   --   --   --   --
*{1，3，4，2}绘制一个单元长度线段，间隔3个单元长度空隙，接着绘制4个长度的线段，间隔2个单元长度的空隙
*例子示意图：      -   ----  -   ----  -   ----  -   ----  -
*size_t count: 虚线排列数组中参数值有用个数
*/
 
const CGFloat spaceArr[] = {6, 4, 5, 7};
CGContextSetLineDash(contextRef, 0, spaceArr, 4);

3、绘制贝塞尔曲线

1
2
3
4
5
6
7
8
9
10
 
CGContextSetStrokeColorWithColor(contextRef, [UIColor redColor].CGColor);
CGContextSetFillColorWithColor(contextRef, [UIColor grayColor].CGColor);
CGContextSetLineWidth(contextRef, 1);
CGContextMoveToPoint(contextRef, 50, 300);
//添加三个point坐标。绘制一条曲线。
//CGContextAddCurveToPoint(contextRef, 100, 320, 150, 300, 200, 360);
//添加二次曲线
CGContextAddQuadCurveToPoint(contextRef, 250, 380, 290, 280);
CGContextDrawPath(contextRef, kCGPathStroke);

4、绘制圆弧

1
2
3

CGContextAddArc(contextRef, 50, 390, 20.0, -10 * M_PI / 180, 60 * M_PI / 180, YES);
CGContextDrawPath(contextRef, kCGPathStroke);

5、绘制圆形

1
2
3
4
5
6
7
8
9

//绘制圆形:方式一
CGContextSetStrokeColorWithColor(contextRef, [UIColor blueColor].CGColor);
CGContextSetFillColorWithColor(contextRef, [UIColor redColor].CGColor);
CGContextAddArc(contextRef, 50, 480, 20.0, -180 * M_PI / 180, 180 * M_PI / 180, NO);
CGContextDrawPath(contextRef, kCGPathFillStroke);
//绘制圆形：方式二
CGContextAddEllipseInRect(contextRef, CGRectMake(0, 500, 80, 80));
CGContextDrawPath(contextRef, kCGPathFillStroke);

6、绘制多边型（六边形）

1
2
3
4
5
6
7
8
9
10
11
12

//绘制多边形
CGContextMoveToPoint(contextRef, 180, 500);
CGContextAddLineToPoint(contextRef, 100, 550);
CGContextAddLineToPoint(contextRef, 180, 600);
CGContextAddLineToPoint(contextRef, 260, 600);
CGContextAddLineToPoint(contextRef, 340, 550);
CGContextAddLineToPoint(contextRef, 260, 500);
CGContextAddLineToPoint(contextRef, 180, 500);
CGContextDrawPath(contextRef, kCGPathFillStroke);
//最后关闭它！
CGContextClosePath(contextRef);

这里就不演示绘制图表了，其实过程都差不多，只是换一种绘制方法而已！
关于简单的图表绘制请参考上一篇，详细请点击：iOS图形绘制UIBezierPath篇

文中代码效果图：


不要问我为什么画的这么丑，因为我是粗糙的程序员！随性

参考博客地址：

转载请注明出处