IOS(CGContent画曲线)

简介: 之前遇到一个公司让画价格曲线图,除了用OpenGL就是用Quartz2D,OpenGL还是倾向去底层的api这个比较低级。大家如果不是做游戏还是用一些封装比较好的东西。Quartz2D就可以满足你的要求,基本的曲线,各种图形的绘制,橡皮擦等等。

之前遇到一个公司让画价格曲线图,除了用OpenGL就是用Quartz2D,OpenGL还是倾向去底层的api这个比较低级。大家如果不是做游戏还是用一些封装比较好的东西。Quartz2D就可以满足你的要求,基本的曲线,各种图形的绘制,橡皮擦等等。Quartz2D还有一个corepolt的开源库应该是基于Quartz2D的。以下是官方网站的文档译文:

 

Paths中的几个重要元素Pointsvoid CGContextMoveToPoint ( CGContextRef c, CGFloat x, CGFloat y);指定一个点成为current pointQuartz会跟踪current point一般执行完一个相关函数后,current point都会相应的改变.Lines相关的几个函数void CGContextAddLineToPoint ( CGContextRef c, CGFloat x, CGFloat y);创建一条直线,从current point到 (x,y)然后current point会变成(x,y)void CGContextAddLines ( CGContextRef c, const CGPoint points[], size_t count);创建多条直线,比如points有两个点,那么会画两条直线 从current point到 (x1,y1),然后是(x1,y1)到(x2,y2)

然后current point会变成points中的最后一个点

Arcs两种方法创建弧度 第一种void CGContextAddArc ( CGContextRef c, CGFloat x, //圆心的x坐标 CGFloat y, //圆心的x坐标 CGFloat radius, //圆的半径 CGFloat startAngle, //开始弧度 CGFloat endAngle, //结束弧度 int clockwise //0表示顺时针,1表示逆时针);假如想创建一个完整的圆圈,那么 开始弧度就是0 结束弧度是 2pi, 因为圆周长是 2*pi*r.最后,函数执行完后,current point就被重置为(x,y).还有一点要注意的是,假如当前path已经存在一个subpath,那么这个函数执行的另外一个效果是会有一条直线,从current point到弧的起点 第二种void CGContextAddArcToPoint ( CGContextRef c, CGFloat x1,//端点1的x坐标 CGFloat y1,//端点1的y坐标 CGFloat x2,//端点2的x坐标 CGFloat y2,//端点2的y坐标 CGFloat radius//半径);原理:首先画两条线,这两条线分别是 current point to (x1,y1) 和(x1,y1) to (x2,y2).这样就是出现一个以(x1,y1)为顶点的两条射线,然后定义半径长度,这个半径是垂直于两条射线的,这样就能决定一个圆了,更好的理解看下图,不过个人认为下图所标的 tangent point 1的位置是错误的。最后,函数执行完后,current point就被重置为(x2,y2).还有一点要注意的是,假如当前path已经存在一个subpath,那么这个函数执行的另外一个效果是

会有一条直线,从current point到(x1,y1)

Curves画曲线,一般是一条直线,然后定义几个控制点,使直线变弯曲。三次曲线函数void CGContextAddCurveToPoint ( CGContextRef c, CGFloat cp1x,//控制点1 x坐标 CGFloat cp1y,//控制点1 y坐标 CGFloat cp2x,//控制点2 x坐标 CGFloat cp2y,//控制点2 y坐标 CGFloat x,//直线的终点 x坐标 CGFloat y//直线的终点 y坐标);

假如第二个控制点(cp2x,cp2y)比(cp1x,cp1y) 更接近current point,那么会形成一个封闭的曲线

二次曲线函数void CGContextAddQuadCurveToPoint ( CGContextRef c, CGFloat cpx,//控制点 x坐标 CGFloat cpy,//控制点 y坐标 CGFloat x,//直线的终点 x坐标 CGFloat y//直线的终点 y坐标);执行完函数貌似current point不会变化,没有具体测试过Ellipsesvoid CGContextAddEllipseInRect ( CGContextRef context, CGRect rect//一矩形);如果矩形是一个正方形,那么画出来就是一个圆执行完函数貌似current point不会变化,没有具体测试过Rectanglesvoid CGContextAddRect ( CGContextRef c, CGRect rect);一次性画出多个矩形void CGContextAddRects ( CGContextRef c, const CGRect rects[], size_t count);需要注意的是,画矩形有一些特别,current point没有发生变化
Creating a Path调用函数 CGContextBeginPath 开始创建路径,线调用函数CGContextMoveToPoint设置起点然后开始画自己想画的路径,注意一下几点:1.Lines, arcs, and curves,是从current point开始的2.假如想封闭一条路径,那么调用函数 CGContextClosePath 把当前点和起点连接起来3.当在画 arcs的时候,Quartz会画一条线从current point 到 starting point4.画矩形的时候不会有第三条那这样的的一条直线5.创建完路径后,必须调用 painting 函数 fill or stroke the path,不然不会画上面东东在相应的设备上】6.开始创建一个新的路径的时候,使用函数 CGContextBeginPath。重复利用路径的相关函数和数据类型CGPathCreateMutable 类似于 CGContextBeginPathCGPathMoveToPoint 类似于 CGContextMoveToPointCGPathAddLineToPoint 类似于 CGContextAddLineToPointCGPathAddCurveToPoint 类似于 CGContextAddCurveToPointCGPathAddEllipseInRect 类似于 CGContextAddEllipseInRectCGPathAddArc 类似于 CGContextAddArcCGPathAddRect 类似于 CGContextAddRectCGPathCloseSubpath 类似于 CGContextClosePathCGPathRefCGMutablePathRef用CGContextAddPath函数把一个路径添加到graphics context中void CGContextAddPath ( CGContextRef context, CGPathRef path);
Painting a PathStroking :画出路径Filling :填充路径的封闭区域影响Stroking的参数Line widthvoid CGContextSetLineWidth ( CGContextRef c, CGFloat width);Line join:线转弯的时候的样式,比如圆滑的方式void CGContextSetLineJoin ( CGContextRef c, CGLineJoin join);
Line cap:线的两端的样式,比如两端变的圆滑void CGContextSetLineCap ( CGContextRef c, CGLineCap cap);
Miter limit:当Line join的模式是Miter join的时候,这个参数会有影响void CGContextSetMiterLimit ( CGContextRef c, CGFloat limit);Line dash pattern:虚线相关void CGContextSetLineDash ( CGContextRef c, CGFloat phase, const CGFloat lengths[], size_t count);
Stroke color spacevoid CGContextSetStrokeColorSpace ( CGContextRef c, CGColorSpaceRef colorspace);Stroke colorvoid CGContextSetStrokeColor ( CGContextRef c, const CGFloat components[]);void CGContextSetStrokeColorWithColor ( CGContextRef c, CGColorRef color);Stroke pattern(和透明度相关)void CGContextSetStrokePattern ( CGContextRef c, CGPatternRef pattern, const CGFloat components[]);
Stroking的相关函数Strokes当前path.void CGContextStrokePath ( CGContextRef c);Strokes 指定的 矩形.void CGContextStrokeRect ( CGContextRef c, CGRect rect);Strokes 指定的 矩形, 使用指定的宽度.void CGContextStrokeRectWithWidth ( CGContextRef c, CGRect rect, CGFloat width);Strokes 指定的椭圆.void CGContextStrokeEllipseInRect ( CGContextRef context, CGRect rect);Strokes 一些直线.void CGContextStrokeLineSegments ( CGContextRef c, const CGPoint points[], size_t count);决定是Stroking 还是Fillingvoid CGContextDrawPath ( CGContextRef c, CGPathDrawingMode mode);

相关文章
|
1月前
|
Java Android开发 Swift
安卓与iOS开发对比:平台选择对项目成功的影响
【10月更文挑战第4天】在移动应用开发的世界中,选择合适的平台是至关重要的。本文将深入探讨安卓和iOS两大主流平台的开发环境、用户基础、市场份额和开发成本等方面的差异,并分析这些差异如何影响项目的最终成果。通过比较这两个平台的优势与挑战,开发者可以更好地决定哪个平台更适合他们的项目需求。
102 1
|
1月前
|
设计模式 安全 Swift
探索iOS开发:打造你的第一个天气应用
【9月更文挑战第36天】在这篇文章中,我们将一起踏上iOS开发的旅程,从零开始构建一个简单的天气应用。文章将通过通俗易懂的语言,引导你理解iOS开发的基本概念,掌握Swift语言的核心语法,并逐步实现一个具有实际功能的天气应用。我们将遵循“学中做,做中学”的原则,让理论知识和实践操作紧密结合,确保学习过程既高效又有趣。无论你是编程新手还是希望拓展技能的开发者,这篇文章都将为你打开一扇通往iOS开发世界的大门。
|
1月前
|
搜索推荐 IDE API
打造个性化天气应用:iOS开发之旅
【9月更文挑战第35天】在这篇文章中,我们将一起踏上iOS开发的旅程,通过创建一个个性化的天气应用来探索Swift编程语言的魅力和iOS平台的强大功能。无论你是编程新手还是希望扩展你的技能集,这个项目都将为你提供实战经验,帮助你理解从构思到实现一个应用的全过程。让我们开始吧,构建你自己的天气应用,探索更多可能!
62 1
|
2月前
|
IDE Android开发 iOS开发
探索Android与iOS开发的差异:平台选择对项目成功的影响
【9月更文挑战第27天】在移动应用开发的世界中,Android和iOS是两个主要的操作系统平台。每个系统都有其独特的开发环境、工具和用户群体。本文将深入探讨这两个平台的关键差异点,并分析这些差异如何影响应用的性能、用户体验和最终的市场表现。通过对比分析,我们将揭示选择正确的开发平台对于确保项目成功的重要作用。
|
1天前
|
安全 数据处理 Swift
深入探索iOS开发中的Swift语言特性
本文旨在为开发者提供对Swift语言在iOS平台开发的深度理解,涵盖从基础语法到高级特性的全面分析。通过具体案例和代码示例,揭示Swift如何简化编程过程、提高代码效率,并促进iOS应用的创新。文章不仅适合初学者作为入门指南,也适合有经验的开发者深化对Swift语言的认识。
15 9
|
1天前
|
JSON 前端开发 API
探索iOS开发之旅:打造你的第一个天气应用
【10月更文挑战第36天】在这篇文章中,我们将踏上一段激动人心的旅程,一起构建属于我们自己的iOS天气应用。通过这个实战项目,你将学习到如何从零开始搭建一个iOS应用,掌握基本的用户界面设计、网络请求处理以及数据解析等核心技能。无论你是编程新手还是希望扩展你的iOS开发技能,这个项目都将为你提供宝贵的实践经验。准备好了吗?让我们开始吧!
|
6天前
|
设计模式 前端开发 Swift
探索iOS开发:从初级到高级的旅程
【10月更文挑战第31天】在这篇文章中,我们将一起踏上iOS开发的旅程。无论你是初学者还是有经验的开发者,这篇文章都将为你提供有价值的信息和技巧。我们将从基础开始,逐步深入到更高级的技术和概念。让我们一起探索iOS开发的世界吧!
|
9天前
|
设计模式 前端开发 Swift
探索iOS开发:从初级到高级的旅程
【10月更文挑战第28天】在这篇技术性文章中,我们将一起踏上一段探索iOS开发的旅程。无论你是刚入门的新手,还是希望提升技能的开发者,这篇文章都将为你提供宝贵的指导和灵感。我们将从基础概念开始,逐步深入到高级主题,如设计模式、性能优化等。通过阅读这篇文章,你将获得一个清晰的学习路径,帮助你在iOS开发领域不断成长。
34 2
|
14天前
|
安全 API Swift
探索iOS开发中的Swift语言之美
【10月更文挑战第23天】在数字时代的浪潮中,iOS开发如同一艘航船,而Swift语言则是推动这艘船前进的风帆。本文将带你领略Swift的独特魅力,从语法到设计哲学,再到实际应用案例,我们将一步步深入这个现代编程语言的世界。你将发现,Swift不仅仅是一种编程语言,它是苹果生态系统中的一个创新工具,它让iOS开发变得更加高效、安全和有趣。让我们一起启航,探索Swift的奥秘,感受编程的乐趣。