ios 图形与动画学习笔记 构造路径

ios 图形与动画学习笔记 构造路径(CGPathCreateMutable)

一系列点放在一起,构成了一个形状。一系列的形状放在一起,构成了一个路径。

/*

路径属于我们正在绘制他们的上下文。路径没有边界(Boundary)或特定的形状,不想我们使用路径绘制出来的形状。

但路径没有边界框(Bounding boxes).此处,Boundary与Bounding boxes完全不一样。

边界显示你在画布上哪些不可以用来绘画,而路径的边界框是包含了所有路径的形状、点和其他已经绘制的对象的最小矩形。

使用路径创建步骤:创建路径的方法返回一个路径的句柄,可以在绘制图形的使用就可以把句柄作为传递给core Graphics。

当创建路径之后,可以向它添加不同的点、线条和形状,之后绘制图形。

1、CGPathCreateMutable函数

创建一个CGMutablePathRef的可变路径,并返回其句柄。

2、CGPathMoveToPoint过程

在路径上移动当前画笔的位置到一个点,这个点由CGPoint类型的参数指定。

3、CGPathAddLineToPoint过程

从当前的画笔位置向指定位置(同样由CGPoint类型的值指定)绘制线段

4、CGContextAddPath过程

添加一个由句柄指定的路径的图形上下文,准备用于绘图

5、CGContextDrawPath过程

在图形上下文中绘制给出的路径。

6、CGPathRelease过程

释放为路径句柄分配的内存。

7、CGPathAddRect过程

向路径添加一个矩形。矩形的边界由一个CGRect结构体指定。

*/

/*

*创建一个新的可变路径(CGPathCreateMutable),把该路径加到你的图形上下文(CGContextAddPath)

*并把它绘制到图形上下文中(CGContextDrawPath)

*/

具体代码:

// Only override drawRect: if you perform custom drawing.

// An empty implementation adversely affects performance during animation.

- (void)drawRect:(CGRect)rect {

// Drawing code

/*

*创建一个新的可变路径(CGPathCreateMutable),把该路径加到你的图形上下文(CGContextAddPath)

*并把它绘制到图形上下文中(CGContextDrawPath)

*/

/* Create the path */

CGMutablePathRefpath =CGPathCreateMutable();

/* How big is our screen? We want the X to cover the whole screen */

CGRectscreenBounds = [[UIScreenmainScreen]bounds];

/* Start from top-left */

CGPathMoveToPoint(path,NULL,screenBounds.origin.x, screenBounds.origin.y);

/* Draw a line from top-left to bottom-right of the screen */

CGPathAddLineToPoint(path,NULL,screenBounds.size.width, screenBounds.size.height);

/* Start another line from top-right */

CGPathMoveToPoint(path,NULL,screenBounds.size.width, screenBounds.origin.y);

/* Draw a line from top-right to bottom-left */

CGPathAddLineToPoint(path,NULL,screenBounds.origin.x, screenBounds.size.height);

/* Get the context that the path has to be drawn on */

CGContextRefcurrentContext =UIGraphicsGetCurrentContext();

/* Add the path to the context so we can draw it later */

CGContextAddPath(currentContext, path);

/* Set the blue color as the stroke color */

[[UIColorblueColor]setStroke];

/* Draw the path with stroke color */

CGContextDrawPath(currentContext,kCGPathStroke);

/* Finally release the path object */

CGPathRelease(path);

/*

*传入CGPathMoveToPoint等过程的NULL参数代表一个既定的变换,在给定的路径绘制线条时可以使用此变换。

*/

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342

推荐阅读更多精彩内容

  • 18- UIBezierPath官方API中文翻译(待校对) ----------------- 华丽的分割线 -...
    醉卧栏杆听雨声阅读 1,046评论 1 1
  • --绘图与滤镜全面解析 概述 在iOS中可以很容易的开发出绚丽的界面效果,一方面得益于成功系统的设计,另一方面得益...
    韩七夏阅读 2,701评论 2 10
  • Quartz 2D是二维图形绘制引擎,可以实现N多图形图像的操作功能,如基本路径的绘制、透明度、描影、绘制阴影、透...
    起名好难_fz阅读 414评论 0 2
  • /* 路径属于我们正在绘制他们的上下文。路径没有边界(Boundary)或特定的形状,不想我们使用路径绘制出来的形...
    wintersal阅读 940评论 0 51
  • 今天家人中秋團聚, 少年餐後提出離開。 到家後電話回家線路、交通方式。 回家後午休, 電話進度和安排, 運動完後,...
    千吉change阅读 190评论 0 0