iOS Developer

Core Graphics 绘图

2017-04-14  本文已影响45人  乱尘

// 获取当前图形,视图推入堆栈的图形,相当于你所要绘制图形的图纸
CGContextRef ctx = UIGraphicsGetCurrentContext();

// 在当前路径下添加一个矩形路径
CGContextAddRect(ctx, rect);

// 在当前路径下添加一个椭圆路径
CGContextAddEllipseInRect(ctx, rect);
Pasted Graphic.png
// 在当前路径下添加一个曲线路径
/**
 *  @先指定一个起点
 *  @brief 在指定点A追加二次贝塞尔曲线,通过控制点和结束点指定曲线。
 *         关于曲线的点的控制见下图说明,图片来源苹果官方网站。参数按顺序说明
 *  @param ctx   当前图形
 *  @param x 曲线控制点B的x坐标
 *  @param y 曲线控制点B的y坐标
 *  @param x   指定点C的x坐标值
 *  @param y   指定点C的y坐标值

 *

 */
CGContextMoveToPoint(ctx, 10, 10);
CGContextAddQuadCurveToPoint(ctx, 160, 50, 190, 50);
page3image376.png
/**
 *  @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);


// 设置图形的线宽
CGContextSetLineWidth(ctx, 20);

// 设置视图的当前填充色
CGContextSetFillColorWithColor(ctx, [UIColor blackColor].CGColor); 
//或者 [[UIColor redColor] setFill];

// 设置视图的当前描边色
CGContextSetStrokeColorWithColor(ctx, [UIColor brownColor].CGColor);
 //或者 [[UIColor redColor] setStroke];

// 根据当前路径,宽度及颜色绘制线
CGContextStrokePath(ctx);

//填充当前路径区域
CGContextFillPath(ctx);

 //CGContextDrawPath(ctx, kCGPathStroke);  填充/描线
 //kCGPathFill填充非零绕数规则,kCGPathEOFill表示用奇偶规则,kCGPathStroke路径,kCGPathFillStroke路径填充,kCGPathEOFillStroke表示描线,不是填充  

CGContextSetLineDash
此函数需要四个参数:

CGFloat arr[] = {2,1,3};
CGContextSetLineDash(context, 0, arr,2);

/*画贝塞尔曲线*/
//二次曲线
CGContextMoveToPoint(context, 120, 300);//设置Path的起点
CGContextAddQuadCurveToPoint(context,190, 310, 120, 390);//设置贝塞尔曲线的控制点坐标和终点坐标
CGContextStrokePath(context);
//三次曲线函数
CGContextMoveToPoint(context, 200, 300);//设置Path的起点
CGContextAddCurveToPoint(context,250, 280, 250, 400, 280, 300);//设置贝塞尔曲线的控制点坐标和控制点坐标终点坐标
CGContextStrokePath(context);

绘图实例:

Paste_Image.png

DrawView.m :

Paste_Image.png Paste_Image.png Paste_Image.png
Paste_Image.png Paste_Image.png Paste_Image.png
Paste_Image.png Paste_Image.png Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
上一篇下一篇

猜你喜欢

热点阅读