core graphics path

当UIKit无法满足画图需求的时候。就须要用到Core Graphics API。当中最普遍的就是path。

一些重要的概念

graphics context

能够理解成canvas。在ios里相应CGContextRef类型,拿到它的方法是调用这个函数:

UIGraphicsGetCurrentContext()

graphics context有非常多种,能够分别将图形绘制到bitmap,PDF,UIView里。最常见的当然就是往UIView里绘制,做法就是覆盖UIView的drawRect:方法,然后调用上面这个函数,就得到了针对UIView的graphics context。

因为初始化的工作UIKit已经完毕了,所以开发人员能够立马绘制图形,不须要额外配置

标准的quartz 2D,context的坐标系原点在左下角。可是UIKit已经自己主动转换了。原点移到了左上角,与UIView的坐标系保持一致

graphics state

保存绘制參数,比方线条的粗细。颜色,样式等等,完整的參数列表能够看apple的官方文档。graphics state是一个stack数据结构,能够用下面函数运行push和pop的操作:

CGContextSaveGState()
CGContextRestoreGState()

假设不须要暂存state状态后面继续使用的话,能够直接调用CGContextSetXXX函数,即时设置状态,比方:

CGContextSetLineWidth()
CGContextSetStrokeColorWithColor()

path的2段式绘制

绘制path分2个阶段。各自是path创建和path画图

创建path用到的函数有非常多,比方addLineToPoint,addRect。addArc等。这些函数仅仅是创建了path和它的subpaths。并不会实际画到graphics context上

创建path之后,须要调用fill和stroke函数。把当前的path画出来。绘制的函数包含:

CGContextStrokePath()
CGContextFillPath()
CGContextDrawPath()

strokePath和fillPath都属于fluent function。假设须要同一时候stroke和fill。那么应该调用第三个函数。然后将绘制mode设置为既stroke又fill

刚開始学习的人一个常见的问题是。创建了一段path之后。先调用strokePath(),再调用fillPath(),为什么fill没有生效。

由于不管是fill还是stroke。调用之后都flash了缓冲区,之前已经绘制好的path就结束了。所以后调用的函数就不会生效。

正确的方法是调用drawPath

一次仅仅能绘制一个path

创建path通常是从调用这个函数開始:

CGContextBeginPath()

调用这个函数,标识着開始创建一个path。可是假设仅仅有一个path,或者paint之后再次创建path,事实上这个函数也不须要调用。

一般这个函数是和CGPathRef配合使用的,仅仅有须要暂存一个path。兴许继续使用的场景下,才须要调用这个函数

可是须要了解“一次仅仅能绘制一个path”这个概念。比方以下的代码:

CGContextMoveToPoint(context, 100, 100);
CGContextAddLineToPoint(context, 200, 100);

CGContextBeginPath();

CGContextMoveToPoint(context, 100, 200);
CGContextAddLineToPoint(context, 200, 200);

CGContextStrokePath(context);

先创建了一个path。然后又创建了第2个path,最后调用stroke方法。仅仅有第2个path会被画出来。由于graphics context每次仅仅会画出“当前的”path。

上面的代码。第一个path永远也绘制不出来,等于是丢失了

subpath

可是这并不意味着path不能绘制复杂的图形。由于一个path能够包括随意subpath。调用fillPath,strokePath,beginPath函数。都会開始一个新的path。

可是在调用之前,能够加入随意个subpath,比方addLineToPoint,addRect等函数。都会加入subpath到当前的path中,下一次paint的时候,会把全部的subpath都画出来

path闭合

graphics context会始终维护一个current point。创建path的第一步。就须要调用

CGContextMoveToPoint()

这样context就获得了第一个当前点,然后当调用addLineToPoint时,current point就会自己主动移动,从而绘制出连续的线条。假设想要画不连续的线条。就再次调用CGContextMoveToPoint,改变current point的位置。

这种方法创建的是subpath。不会创建新的path

创建若干line之后,能够调用CGContextClosePath,创建出一个封闭的区域,对兴许的stroke和fill都有效

抗锯齿

调用以下的2个函数,能够设置绘制的图形有抗锯齿效果:

CGContextSetShouldAntialias(context, YES);
CGContextSetAllowsAntialiasing(context, YES);


原文地址:https://www.cnblogs.com/mengfanrong/p/5147897.html