iOS开发UI篇—Quartz2D使用(绘图路径)
来源:互联网 发布:华为大数据营销案例 编辑:程序博客网 时间:2024/05/04 18:08
一、绘图路径
A.简单说明
在画线的时候,方法的内部默认创建一个path。它把路径都放到了path里面去。
1.创建路径 cgmutablepathref 调用该方法相当于创建了一个路径,这个路径用来保存绘图信息。
2.把绘图信息添加到路径里边。
以前的方法是点的位置添加到ctx(图形上下文信息)中,ctx 默认会在内部创建一个path用来保存绘图信息。
在图形上下文中有一块存储空间专门用来存储绘图信息,其实这块空间就是CGMutablePathRef。
3.把路径添加到上下文中。
代码示例:
绘制一条直线的代码:
//1.获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); //2.绘图(画线) //设置起点 CGContextMoveToPoint(ctx, 20, 20); //设置终点 CGContextAddLineToPoint(ctx, 200, 300); //渲染 CGContextStrokePath(ctx);
上面的代码和下面的代码是等价的。
//1.获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); //2.绘图 //2.1创建一条直线绘图的路径 //注意:但凡通过Quartz2D中带有creat/copy/retain方法创建出来的值都必须要释放 CGMutablePathRef path=CGPathCreateMutable(); //2.2把绘图信息添加到路径里 CGPathMoveToPoint(path, NULL, 20, 20); CGPathAddLineToPoint(path, NULL, 200, 300); //2.3把路径添加到上下文中 //把绘制直线的绘图信息保存到图形上下文中 CGContextAddPath(ctx, path); //3.渲染 CGContextStrokePath(ctx); //4.释放前面创建的两条路径 //第一种方法 CGPathRelease(path); //第二种方法 // CFRelease(path);}
B.直接使用path的好处:
第一种代码的阅读性不好,不便于区分。使用path,则一个path就代表一条路径。
比如:如果要在上下文中绘制多个图形,这种情况下建议使用path。
代码示例:
- (void)drawRect:(CGRect)rect{ //1.获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); //2.绘图 //2.a 画一条直线 //2.a.1创建一条绘图的路径 //注意:但凡通过Quartz2D中带有creat/copy/retain方法创建出来的值都必须要释放 CGMutablePathRef path=CGPathCreateMutable(); //2.a.2把绘图信息添加到路径里 CGPathMoveToPoint(path, NULL, 20, 20); CGPathAddLineToPoint(path, NULL, 200, 300); //2.a.3把路径添加到上下文中 //把绘制直线的绘图信息保存到图形上下文中 CGContextAddPath(ctx, path); //2.b画一个圆 //2.b.1创建一条画圆的绘图路径(注意这里是可变的,不是CGPathRef) CGMutablePathRef path1=CGPathCreateMutable(); //2.b.2把圆的绘图信息添加到路径里 CGPathAddEllipseInRect(path1, NULL, CGRectMake(50, 50, 100, 100)); //2.b.3把圆的路径添加到图形上下文中 CGContextAddPath(ctx, path1); //3.渲染 CGContextStrokePath(ctx); //4.释放前面创建的两条路径 //第一种方法 CGPathRelease(path); CGPathRelease(path1); //第二种方法// CFRelease(path);}
效果:
提示:如果是画线,那么就创建一条路径(path)用来保存画线的绘图信息,如果又要重新画一个圆,那么就可以创建一条新的路径来专门保存画圆的绘图信息。
注意:
但凡通过quarzt2d中带有creat/copy/retain方法创建出来的值都必须手动的释放
有两种方法可以释放前面创建的路径:
(1)CGPathRelease(path);
(2)CFRelease(path);
说明:CFRelease属于更底层的cocafoundation框架
二、补充知识点:
画四边形的一些方法:
第一种方式:通过连接固定的点绘制四边形
第二种方式:指定起点和宽高绘制四边形
第三种方式:把第二种方式中的两步合并成一步。
第四种方式(oc的方法):绘制实心的四边形,注意没有空心的方法
第五种:画根线,设置线条的宽度(通过这种方式可以画斜的四边形)
代码示例:
#import "YYview.h"@implementation YYview- (void)drawRect:(CGRect)rect{ //获取图形上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); //第一种画法,通过连接固定的点绘制四边形// CGContextMoveToPoint(ctx, 0, 20);// CGContextAddLineToPoint(<#CGContextRef c#>, <#CGFloat x#>, <#CGFloat y#>);// CGContextAddLineToPoint(<#CGContextRef c#>, <#CGFloat x#>, <#CGFloat y#>);// CGContextAddLineToPoint(<#CGContextRef c#>, <#CGFloat x#>, <#CGFloat y#>); //第二种方式:指定起点和宽高绘制四边形// CGContextAddRect(ctx, CGRectMake(20, 20, 200, 100));// //渲染// CGContextStrokePath(ctx); //第三种方式:二种的两步合并成一步。 //画空心的四边形// CGContextStrokeRect(ctx, CGRectMake(20, 20, 200, 100));// //画实心的四边形// CGContextFillRect(ctx, CGRectMake(20, 20, 200, 100)); //第四种方式(oc的方法):绘制实心的四边形,注意没有空心的方法 UIRectFill(CGRectMake(20, 20, 200, 100)); //第五种方式:画根线,设置线条的宽度(通过这种方式可以画斜的四边形)// CGContextMoveToPoint(ctx, 20, 20);// CGContextAddLineToPoint(ctx, 100, 200);// CGContextSetLineWidth(ctx, 50);// //注意,线条只能画成是空心的// CGContextStrokePath(ctx); }@end
第五种方法可以画斜的四边形。
3 0
- iOS开发UI篇—Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(绘图路径
- iOS开发UI篇-Quartz2D使用(绘图路径)
- iOS开发UI高级—25Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D(五) 图片裁剪圆形,UIKit的绘图方法,Path路径的使用
- iOS Quartz2D使用(绘图路径)
- iOS Quartz2D使用(绘图路径)
- iOS开发UI篇—Quartz2D使用(图片剪切)
- iOS开发UI篇—Quartz2D使用(矩阵操作)
- iOS开发UI篇—Quartz2D使用(截屏)
- iOS开发UI篇—Quartz2D简单使用(三)
- iOS开发UI篇—Quartz2D简单使用(一)
- iOS开发UI篇—Quartz2D使用(矩阵操作)
- Objective-c的kvo和kvc
- TintColor是什么?
- Could not update ICEauthority file
- 常见HTTP状态码
- JAVA中为什么会有extends和implents两个关键字
- iOS开发UI篇—Quartz2D使用(绘图路径)
- 73. 文件上传函数封装
- 将Web项目War包部署到Tomcat服务器基本步骤
- 【Java数据结构】队列
- 什么是 "署名-非商业性使用-相同方式共享"
- 今天开始我写我的博客了。主要写自己的累积
- K均值聚类(Kmeans)
- $.fn理解
- Linux学习日记(一)