CoreGraphics是提供2D绘图的框架,使用C结构和C函数模拟了一套面向对象的变成机制,没有OC/Swift对象方法机制;2D绘图并不能操作单独的像素;所以绘制机制都是在context上下文进行的.数据结构和函数可以通过CG来识别.
CoreGraphics的优点:
1 快速,高效绘图,可以减少文件大小
2 可以自由使用动态的,搞质量的图像
3 可以创建直线,路径,渐变,文字与图像等内容,并可以做变现处理
CoreGraphics常用的API:
CGContextRef:获取上下文画布:CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextAddRect:绘制闭合曲
CGContextSetFillColorWithColor:设置填充颜色
CGContextFillPath:填充路径
CGContextStrokePath:绘制路径
CGContextAddArc:绘弧线
CGContextAddEllipseInRect:绘制椭圆
CGContextMoveToPoint:绘制多边形从一个点开始新的子路径
CGContextAddlineToPoint:在当前点追加直线段
CGContextClosePath:关闭路径
CGContextDrawPath:绘制坐标路径
CGContextmAddQuadCureToPoint:给定控制点和终点
CGContextSetStrokeColorWithColor://设置描边颜色
CGContextSetLineWidth:设置线的宽度
CGContextSetLineCap:设置线条终点的形状
CGContextSetLineDash:画虚线
CGContextAddCurveTopiont:绘制阴影
CGContextDrawRadialGradient:放射性渐变
CGGradientCreatWithColorComponment:线性渐变 从某种颜色开始,到另外一种颜色结束
CGContextDrawLinenearGraditent::线性渐变
(1) 绘制一个矩形
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextAddRect(ctx, rect);
CGContextSetFillColorWithColor(ctx, [UIColor greenColor].CGColor);
CGContextFillPath(ctx);
(2)绘制一个圆
x:圆弧的中心点坐标x
y:曲线控制点的y坐标
radius:指定的x坐标值
startAngle:弧的起点与x轴的夹角
endAngle:弧的终点与x轴的夹角
clockWise:指定值1
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextAddArc(ctx, rect.origin.x + rect.size.width/2, rect.origin.y + rect.size.width/2, rect.size.width/2, 0, 2* M_PI, 1);
CGContextSetFillColorWithColor(ctx, [UIColor orangeColor].CGColor);
CGContextFillPath(cox);
(3)绘制一个椭圆
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextAddEllipseInRect(ctx, rect);
CGContextSetFillColorWithColor(ctx, [UIColor redColor].CGColor);
CGContextFillPath(ctx);
CGContextStrokePath(ctx);
(4)绘制多边形
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextBeginPath(ctx);
CGContextMoveToPoint(ctx, 100, 40);
CGContextAddLineToPoint(ctx, 80, 80);
CGContextAddLineToPoint(ctx, 130, 80);
CGPDFContextClose(ctx);
CGContextSetFillColorWithColor(ctx, [UIColor yellowColor].CGColor);
CGContextFillPath(ctx);
(5)绘制不规则图形
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGContextBeginPath(ctx);
CGContextMoveToPoint(ctx, 0,40);
// cpx:曲线控制点的x轴
// cpy:曲线控制点的y轴
CGContextAddQuadCurveToPoint(ctx, 0, 100, 25, 25);
CGContextSetLineWidth(ctx, 5);
//CGContextSetLineCap(<#CGContextRef _Nullable c#>, <#CGLineCap cap#>)
CGContextSetStrokeColorWithColor(ctx, [UIColor redColor].CGColor);
CGContextSetFillColorWithColor(ctx, [UIColor blueColor].CGColor);
CGContextStrokePath(ctx);
(6)绘制一个放射性渐变
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
NSArray *gradientArray = [NSArray arrayWithObjects:(id)[UIColor greenColor].CGColor,(id)[UIColor redColor].CGColor, nil];
CGFloat gradLoactions[] = {0,1};
CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (__bridge CFArrayRef)gradientArray, gradLoactions);
CGPoint point = CGPointMake(CGRectGetMidX(rect), CGRectGetMaxY(rect));
CGFloat radius = MAX(CGRectGetHeight(rect), CGRectGetWidth(rect));
//startCenter 起点中心圆点
// startRadius:起点的半径
//endCenter:终点
// endRadius:终点半径
CGContextDrawRadialGradient(ctx, gradient, point, 0, point, radius, 0);
CGGradientRelease(gradient);
CGColorSpaceRelease(colorSpace);
(7)绘制一个线性渐变
CGContextRef ctx = UIGraphicsGetCurrentContext();
CGColorSpaceRef colorSpace = CGColorSpaceCreateDeviceRGB();
NSArray *gradientArray = [NSArray arrayWithObjects:(id)[UIColor greenColor].CGColor,(id)[UIColor redColor].CGColor, nil];
CGFloat gradLoactions[] = {0,1};
CGGradientRef gradient = CGGradientCreateWithColors(colorSpace, (__bridge CFArrayRef)gradientArray, gradLoactions);
CGContextSaveGState(ctx);
CGContextDrawLinearGradient(ctx, gradient, CGPointMake(0, 0), CGPointMake(100, 100), 0);
CGContextRestoreGState(ctx);
CGGradientRelease(gradient);
CGColorSpaceRelease(colorSpace);
网友评论