iOS学习——CoreGraphics简单绘图

一、导入coreGraphics.framework 

二、绘制图形 

1、绘制矩形 

?

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

// 绘制矩形 - (void)drawRectangle {       // 定义矩形的rect     CGRect rectangle = CGRectMake(100, 290, 120, 25);           // 获取当前图形，视图推入堆栈的图形，相当于你所要绘制图形的图纸     CGContextRef ctx = UIGraphicsGetCurrentContext();           // 在当前路径下添加一个矩形路径     CGContextAddRect(ctx, rectangle);           // 设置试图的当前填充色     CGContextSetFillColorWithColor(ctx, [UIColor blackColor].CGColor);           // 绘制当前路径区域     CGContextFillPath(ctx); }

2、绘制椭圆 

?

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

// 绘制椭圆 - (void)drawEllipse {       // 获取当前图形，视图推入堆栈的图形，相当于你所要绘制图形的图纸     CGContextRef ctx = UIGraphicsGetCurrentContext();           // 定义其rect     CGRect rectangle = CGRectMake(10, 100, 300, 280);           // 在当前路径下添加一个椭圆路径     CGContextAddEllipseInRect(ctx, rectangle);           // 设置当前视图填充色     CGContextSetFillColorWithColor(ctx, [UIColor orangeColor].CGColor);           // 绘制当前路径区域     CGContextFillPath(ctx); }

3、绘制三角形 

?

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 26 27 28 29 30 31 32 33 34

// 绘制三角形 - (void)drawTriangle {       // 获取当前图形，视图推入堆栈的图形，相当于你所要绘制图形的图纸     CGContextRef ctx = UIGraphicsGetCurrentContext();           // 创建一个新的空图形路径。     CGContextBeginPath(ctx);           /**      *  @brief 在指定点开始一个新的子路径 参数按顺序说明      *      *  @param c 当前图形      *  @param x 指定点的x坐标值      *  @param y 指定点的y坐标值      *      */     CGContextMoveToPoint(ctx, 160, 220);           /**      *  @brief 在当前点追加直线段，参数说明与上面一样      */     CGContextAddLineToPoint(ctx, 190, 260);     CGContextAddLineToPoint(ctx, 130, 260);           // 关闭并终止当前路径的子路径，并在当前点和子路径的起点之间追加一条线     CGContextClosePath(ctx);       // 设置当前视图填充色     CGContextSetFillColorWithColor(ctx, [UIColor blackColor].CGColor);           // 绘制当前路径区域     CGContextFillPath(ctx); }

4、绘制曲线 

?

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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40

// 绘制曲线 - (void)drawCurve {       // 获取当前图形，视图推入堆栈的图形，相当于你所要绘制图形的图纸     CGContextRef ctx = UIGraphicsGetCurrentContext();           // 创建一个新的空图形路径。     CGContextBeginPath(ctx);           /**      *  @brief 在指定点开始一个新的子路径 参数按顺序说明      *      *  @param c 当前图形      *  @param x 指定点的x坐标值      *  @param y 指定点的y坐标值      *      */        CGContextMoveToPoint(ctx, 160, 100);           /**      *  @brief 在指定点追加二次贝塞尔曲线，通过控制点和结束点指定曲线。      *         关于曲线的点的控制见下图说明，图片来源苹果官方网站。参数按顺序说明      *  @param c   当前图形      *  @param cpx 曲线控制点的x坐标      *  @param cpy 曲线控制点的y坐标      *  @param x   指定点的x坐标值      *  @param y   指定点的y坐标值      *      */     CGContextAddQuadCurveToPoint(ctx, 160, 50, 190, 50);           // 设置图形的线宽     CGContextSetLineWidth(ctx, 20);           // 设置图形描边颜色     CGContextSetStrokeColorWithColor(ctx, [UIColor brownColor].CGColor);           // 根据当前路径，宽度及颜色绘制线     CGContextStrokePath(ctx);       }

曲线描绘示意图

5、绘制圆形 

?

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 26

//以指定中心点绘制圆弧 - (void)drawCircleAtX:(float)x Y:(float)y {           // 获取当前图形，视图推入堆栈的图形，相当于你所要绘制图形的图纸     CGContextRef ctx = UIGraphicsGetCurrentContext();           // 创建一个新的空图形路径。     CGContextSetFillColorWithColor(ctx, [UIColor blackColor].CGColor);           /**      *  @brief 在当前路径添加圆弧 参数按顺序说明      *       *  @param c           当前图形      *  @param x           圆弧的中心点坐标x      *  @param y           曲线控制点的y坐标      *  @param radius      指定点的x坐标值      *  @param startAngle  弧的起点与正X轴的夹角，      *  @param endAngle    弧的终点与正X轴的夹角      *  @param clockwise   指定1创建一个顺时针的圆弧，或是指定0创建一个逆时针圆弧      *      */     CGContextAddArc(ctx, x, y, 20, 0, 2 * M_PI, 1);           //绘制当前路径区域     CGContextFillPath(ctx); }

三、在drawRect中调用 

?

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

- (void)drawRect:(CGRect)rect {       // 绘制椭圆     [self drawEllipse];           // 绘制三角     [self drawTriangle];           // 绘制矩形     [self drawRectangle];           // 绘制曲线     [self drawCurve];           // 绘制圆形     [self drawCircleAtX:120 Y:170];       [self drawCircleAtX:200 Y:170];       }

效果如图：