iOS学习6：CoreGraphics简单绘图

摘要：

CoreGraphics的功能非常强大，可以绘制各种图形；今天学习一下怎么绘制简单的点线面，记录学习。

一、导入coreGraphics.framework

二、绘制图形

1、绘制矩形

// 绘制矩形
- (void)drawRectangle {

// 定义矩形的rect
CGRect rectangle = CGRectMake(100, 290, 120, 25);

// 获取当前图形，视图推入堆栈的图形，相当于你所要绘制图形的图纸
CGContextRef ctx = UIGraphicsGetCurrentContext();

// 在当前路径下添加一个矩形路径
CGContextAddRect(ctx, rectangle);

// 设置试图的当前填充色
CGContextSetFillColorWithColor(ctx, [UIColor blackColor].CGColor);

// 绘制当前路径区域
CGContextFillPath(ctx);
}

2、绘制椭圆

// 绘制椭圆
- (void)drawEllipse {

// 获取当前图形，视图推入堆栈的图形，相当于你所要绘制图形的图纸
CGContextRef ctx = UIGraphicsGetCurrentContext();

// 定义其rect
CGRect rectangle = CGRectMake(10, 100, 300, 280);

// 在当前路径下添加一个椭圆路径
CGContextAddEllipseInRect(ctx, rectangle);

// 设置当前视图填充色
CGContextSetFillColorWithColor(ctx, [UIColor orangeColor].CGColor);

// 绘制当前路径区域
CGContextFillPath(ctx);
}

3、绘制三角形

// 绘制三角形
- (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、绘制曲线

// 绘制曲线
- (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、绘制圆形

//以指定中心点绘制圆弧
- (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中调用

- (void)drawRect:(CGRect)rect {

// 绘制椭圆
[self drawEllipse];

// 绘制三角
[self drawTriangle];

// 绘制矩形
[self drawRectangle];

// 绘制曲线
[self drawCurve];

// 绘制圆形
[self drawCircleAtX:120 Y:170];

[self drawCircleAtX:200 Y:170];

}

效果如图：



声明：OSCHINA 博客文章版权属于作者，受法律保护。未经作者同意不得转载。

相关推荐

面向“接口”编程和面向“实现”编程

Tomcat设置默认访问项目及项目重复加载问题处理

#翻译#
你应该使用 Nginx + UWSGI

Apache
Ant 1.9.2 发布

关于PHP的漏洞以及如何防止PHP漏洞？