文档章节

iOS学习6:CoreGraphics简单绘图

CEOIOS
 CEOIOS
发布于 2015/01/19 14:45
字数 960
阅读 235
收藏 3

一、导入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];
     
}

© 著作权归作者所有

CEOIOS
粉丝 8
博文 42
码字总数 24961
作品 0
深圳
程序员
私信 提问
Flutter 对 iOS、Android(双端开发者)的快速理解(一)

原文链接 更多教程 如果你有移动端开发经验,无论你是iOS还是Android开发者,你都可以利用现有的知识快速理解Flutter开发。 本文会通过对比双端开发和Flutter中的差异来说明。 Flutter中用 ...

TryEnough
01/29
0
0
使用 iOS OpenGL ES 实现长腿功能

本文介绍了如何使用 OpenGL ES 来实现长腿功能。学习这个例子可以加深我们对纹理渲染流程的理解。另外,还会着重介绍一下「渲染到纹理」这个新知识点。 警告: 本文属于进阶教程,阅读前请确...

雷曼同学
03/09
0
0
iOS的绘图机制-iOS,iPad,iPhone,Objective-c

嘿!我又回来了。 在前面我介绍了iOS的视图机制,我也提到了iOS的视图框框可以通过drawRect自己绘图,我也说过每个view的layer(CALayer)就像一个视图的投影,其实我们也可以来操作它定制一...

晨曦之光
2012/05/28
2.9K
0
GPU vs CPU in iOS

一直以来,我们做产品的时候并没有特别的去考虑CPU/GPU的使用,最近为了提升可视化功能的性能,发现合理使用GPU也是一个可以好好研究的部分,这里总结一下一些有用的信息。 中央处理器 CPU ...

雨_树
2018/07/10
0
0
10个优秀Objective-C和iOS开发在线视频教程

如果你自己开发iOS应用,你肯定会发现网上有很多资源。学习编程的一个最好的方法就是自己写代码,而开始写代码的最快的方式就是看其他人怎么写。我们从海量视频和学习网站中整理出了我们认为...

mingxun
2014/05/09
193
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
12
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
16
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
6
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
7
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部