coreGraphics绘图

转载 2015年11月17日 17:29:20

一、导入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];
     
}
效果如图: 

iOS中 CoreGraphics快速绘图(详解)

每日更新关注:http://weibo.com/hanjunqiang  新浪微博 第一步:先科普一下基础知识: Core Graphics是基于C的API,可以用于一切绘图操作 ...
  • sadsadaadsd
  • sadsadaadsd
  • 2016年08月29日 09:16
  • 578

CoreGraphics简单绘图

一、导入coreGraphics.framework  二、绘制图形  1、绘制矩形  ? 1 2 3 4 5 6 ...
  • Flying_in_the_world
  • Flying_in_the_world
  • 2014年11月24日 13:19
  • 285

CoreGraphics简单绘图学习

一、导入coreGraphics.framework 二、绘制图形 1、绘制矩形 // 绘制矩形 - (void)drawRectangle { // 定义矩形的rect C...
  • liuzhihui666
  • liuzhihui666
  • 2017年03月18日 09:51
  • 162

CoreGraphics简单绘图

一、导入coreGraphics.framework 二、绘制图形 1、绘制矩形 01 // 绘制矩形 02 ...
  • majiakun1
  • majiakun1
  • 2014年02月08日 23:15
  • 605

CoreGraphics简单绘图

一、导入coreGraphics.framework  二、绘制图形  1、绘制矩形  ? 1 2 3 4 5 6 ...
  • qq_17794197
  • qq_17794197
  • 2015年04月22日 16:05
  • 237

iOS学习——CoreGraphics简单绘图

一、导入coreGraphics.framework  二、绘制图形  1、绘制矩形  ? 1 2 3 4 5 6 7 8 9 10 11 12 13 1...
  • Road_dongliang
  • Road_dongliang
  • 2015年08月21日 09:37
  • 501

iOS绘图框架CoreGraphics分析

由于CoreGraphics框架有太多的API,对于初次接触或者对该框架不是十分了解的人,在绘图时,对API的选择会感到有些迷茫,甚至会觉得iOS的图形绘制有些繁琐。因此,本文主要介绍一下iOS的绘图...
  • KelvinFlying
  • KelvinFlying
  • 2017年08月08日 17:34
  • 213

iOS图形绘制CoreGraphics篇

1、绘制直线 //获取当前上下文 CGContextRef contextRef = UIGraphicsGetCurrentContext(); UIColor *color = [...
  • yangshebing21
  • yangshebing21
  • 2016年05月15日 00:03
  • 1319

【IOS学习】Core Graphics 框架学习笔记,以及demo

Core Graphics是基于C的API,可以用于一切绘图操作 Core Graphics 和Quartz 2D quartz是一个通用的术语,用于描述在IOS和MAC OS X ZH...
  • mangosnow
  • mangosnow
  • 2014年07月05日 16:49
  • 29983

IOS上的图形和动画处理 CORE GRAPHICS

原:http://blog.csdn.net/pop_xiaohao/article/details/7894433 在cocoa touch 中一个应用程序是由多个窗口和视图构成。一个带有...
  • fanxiaochuan
  • fanxiaochuan
  • 2013年02月22日 15:40
  • 5769
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:coreGraphics绘图
举报原因:
原因补充:

(最多只允许输入30个字)