IOS开发之Quartz2D绘图
//自定义绘制图形，调用drawRect方法
- (void)drawRect:(CGRect)rect {
//首先拿到上下文
CGContextRef context = UIGraphicsGetCurrentContext();
// [self drawLine:context];
}
#pragma mark - 绘制线条
- (void)drawLine:(CGContextRef)context
{
//1.获取上下文
//context
//2.创建绘制的路径(path)
//路径
//CGPathRef 不可变
//CGMutablePathRef 可变路径
CGMutablePathRef path = CGPathCreateMutable();
//设置起始点
CGPathMoveToPoint(path, NULL, 50, 50);
//连线到下一点
CGPathAddLineToPoint(path, NULL, 200, 200);
CGPathAddLineToPoint(path, NULL, 50, 200);
//关闭路径
CGPathCloseSubpath(path);
//3.把路径添加到上下文中
CGContextAddPath(context, path);
//4.设置上下文的属性
//线条的颜色
CGContextSetRGBStrokeColor(context, 41/255.0, 110/255.0, 222/255.0, 1);
//填充的颜色
CGContextSetRGBFillColor(context, 150/255.0, 50/255.0, 100/255.0, 1);
//线条宽度
CGContextSetLineWidth(context, 5);
//连接点的样式
CGContextSetLineJoin(context, kCGLineJoinRound);
//5.绘制路径
/*
kCGPathFill, //只填充
kCGPathEOFill, //异或
kCGPathStroke, //只画线
kCGPathFillStroke, //填充和画线
kCGPathEOFillStroke
*/
CGContextDrawPath(context, kCGPathFillStroke);
//6.释放路径
CGPathRelease(path);
}
#pragma mark - 绘制矩形
- (void)drawShapeRect:(CGContextRef)context
{
//方法一
/*
//设置绘制的区域
CGRect rect = CGRectMake(40, 40, 100, 200);
//设置区域添加到上下文
CGContextAddRect(context, rect);
//UIKit封装的设置颜色的方法
[[UIColor redColor] setStroke];
[[UIColor blueColor] setFill];
//绘制
CGContextDrawPath(context, kCGPathFillStroke);
*/
//方法二
//UIKit
CGRect rect = CGRectMake(40, 40, 100, 200);
[[UIColor redColor] setStroke];
[[UIColor blueColor] setFill];
//调用，直接开始绘图
UIRectFill(rect); //填充
UIRectFrame(rect); //框架
}
#pragma mark - 绘制圆形
- (void)drawCircle:(CGContextRef)context
{
//圆
/*
* x,y 圆心
* radius 半径
* startAngle endAngle 起始和结束的角度(单位 弧度)
* clockwise 顺时针 0 / 逆时针 1
*/
//CGContextAddArc(context, 160, 200, 50, 0, M_PI_2, 1);
//内切圆
CGRect rect = CGRectMake(50, 50, 200, 100);
[[UIColor orangeColor] setStroke];
UIRectFrame(rect);
CGContextAddEllipseInRect(context, CGRectMake(50, 50, 200, 100));
[[UIColor redColor] setStroke];
[[UIColor brownColor] setFill];
CGContextDrawPath(context, kCGPathFillStroke);
}
#pragma mark - 贝塞尔曲线
- (void)drawCurve:(CGContextRef)context
{
//起始点
CGContextMoveToPoint(context, 20, 50);
/*
* 1x, 1y 第一条切线的终点
* 2x, 2y 第二条切线的起始点
* x, y 第二条切线的终点
*/
// CGContextAddCurveToPoint(context, 100, 20, 200, 300, 300, 50);
CGContextAddQuadCurveToPoint(context, 160, 20, 300, 200);
CGContextDrawPath(context, kCGPathStroke);
}
#pragma mark - 绘制文本
- (void)drawText:(CGContextRef)context
{
//1.绘制的文字
NSString *str = @"wxhl34";
//2.定义绘制的区域
CGRect rect = CGRectMake(50, 50, 200, 50);
UIRectFrame(rect);
//3.设置绘制的样式
//文本段落的样式
NSMutableParagraphStyle *style = [[NSMutableParagraphStyle defaultParagraphStyle] mutableCopy];
style.lineBreakMode = NSLineBreakByCharWrapping;
style.alignment = NSTextAlignmentRight;
NSDictionary *attr = @{
NSFontAttributeName:[UIFont systemFontOfSize:20],
NSParagraphStyleAttributeName:style
};
//4.绘制
[str drawInRect:rect withAttributes:attr];
}
#pragma mark - 绘制图片
- (void)drawImage:(CGContextRef)context
{
//图片
UIImage *image = [UIImage imageNamed:@"baymax.jpg"];
//1.以指定点为起点绘制
[image drawAtPoint:CGPointMake(20, 400)];
//2.在指定区域绘制，会自动拉伸
//[image drawInRect:CGRectMake(0, 0, 100, 200)];
//坐标系转换
//CG UIKit
//保存当前的上下文
CGContextSaveGState(context);
//CGContextTranslateCTM(context, 0, 200);
//y轴取反
CGContextScaleCTM(context, 1, -1);
//y轴上移200
CGContextTranslateCTM(context, 0, -200);
/*
CGContextRotateCTM(context, M_PI); //旋转
CGContextScaleCTM(context, -1, 1); //缩放
CGContextTranslateCTM(context, 0, -200); //平移
*/
//CG
//UIImage --> CGImageRef
//UIKit Core Graphics AppKit
CGContextDrawImage(context, CGRectMake(0, 0, 320, 200), image.CGImage);
//恢复之前保存的上下文
CGContextRestoreGState(context);
}