基本步骤:
1.获取绘图上下文
2.创建并设置路径
3.将路径添加到上下文
4.设置上下文状态
5.绘制路径
6.释放路径
#import "YGView.h"
//屏幕尺寸#define kScreenSize [UIScreen mainScreen].bounds.size
//屏幕宽高定义
#define kscreenWidth [[UIScreen mainScreen] bounds].size.width
#define kScreenHeight [[UIScreen mainScreen] bounds].size.height
@implementation YGView
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
// Drawing code
CGContextRef context=UIGraphicsGetCurrentContext();
// [self drawLine1:context];
// [self drawLine2:context];
// [self drawArc:context];
// [self drawCurve:context];
// [self drawImage:context];
// [self drawImageChangeContext:context];
[self drawImage1:context];
}
-(void)drawLine1:(CGContextRef)context{
CGMutablePathRef path=CGPathCreateMutable();
CGPathMoveToPoint(path, nil, 20, 50);//移动到指定位置(设置路径起点)
CGPathAddLineToPoint(path, nil, 20, 100);//绘制直线(从起始位置开始)
CGPathAddLineToPoint(path, nil, 200, 100);//绘制另一条直线(从上一条直线的终点开始)
CGContextAddPath(context, path);
CGContextSetRGBStrokeColor(context, 1.0, 0, 0, 1);//设置直线颜色
CGContextSetRGBFillColor(context, 0, 1.0, 0, 1);//设置填充颜色
CGContextSetLineWidth(context, 2.0);//设置直线宽度
CGContextSetLineCap(context, kCGLineCapRound);//设置顶点样式
CGContextSetLineJoin(context, kCGLineJoinRound);//设置连接点样式
CGFloat lengths[2]={18,9};
CGContextSetLineDash(context, 0, lengths, 2);
CGContextDrawPath(context, kCGPathFillStroke);//最后一个参数是填充类型
/*CGPathDrawingMode是填充方式,枚举类型
kCGPathFill:只有填充(非零缠绕数填充),不绘制边框
kCGPathEOFill:奇偶规则填充(多条路径交叉时,奇数交叉填充,偶交叉不填充)
kCGPathStroke:只有边框
kCGPathFillStroke:既有边框又有填充
kCGPathEOFillStroke:奇偶填充并绘制边框
*/
CGPathRelease(path);
}
-(void)drawLine2:(CGContextRef)context{
CGContextMoveToPoint(context, 20, 150);
CGContextAddLineToPoint(context, 20, 200);
CGContextAddLineToPoint(context, 200, 200);
//封闭路径
CGContextClosePath(context);
[[UIColor redColor] setStroke];//设置红色边框
[[UIColor greenColor] setFill];//设置填充颜色
//[[UIColor blueColor]set];//同时设置填充和边框色
CGContextDrawPath(context, kCGPathFillStroke);
}
#pragma mark 绘制矩形
-(void)drawRectWithContext:(CGContextRef)context{
//添加矩形对象
CGRect rect=CGRectMake(20, 50, 280.0, 50.0);
CGContextAddRect(context,rect);
//设置属性
[[UIColor blueColor]set];
//绘制
CGContextDrawPath(context, kCGPathFillStroke);
}
#pragma mark - 绘制椭圆
-(void)drawEllipse:(CGContextRef)context{
CGRect rect=CGRectMake(50, 50, 220, 200);
CGContextAddEllipseInRect(context, rect);
//设置属性
[[UIColor greenColor] set];
//绘制
CGContextDrawPath(context, kCGPathFillStroke);
}
#pragma mark - 绘制弧线
-(void)drawArc:(CGContextRef)context{
// CGContextAddArc(CGContextRef _Nullable c, CGFloat x, CGFloat y, CGFloat radius, CGFloat startAngle, CGFloat endAngle, int clockwise)
/* 添加弧线对象
x:中心点x坐标
y:中心点y坐标
radius:半径
startAngle:起始弧度
endAngle:终止弧度
clockwise:是否逆时针绘制,0为顺时针绘制
*/
CGContextAddArc(context, 160, 160, 100, 0, M_PI*0.2, 0);
//设置属性
[[UIColor redColor] setStroke];
[[UIColor yellowColor] setFill];
//绘制
CGContextDrawPath(context, kCGPathFillStroke);
}
#pragma mark - 绘制贝塞尔曲线
-(void)drawCurve:(CGContextRef)context{
CGContextMoveToPoint(context, 20, 100);
// CGContextAddQuadCurveToPoint(CGContextRef _Nullable c, CGFloat cpx, CGFloat cpy, CGFloat x, CGFloat y)
/*绘制二次贝塞尔曲线
c:图形上下文
cpx:控制点x坐标
cpy:控制点y坐标
x:结束点x坐标
y:结束点y坐标
*/
CGContextAddQuadCurveToPoint(context, 160, 0, 300, 100);
CGContextMoveToPoint(context, 20, 500);
// CGContextAddCurveToPoint(CGContextRef _Nullable c, CGFloat cp1x, CGFloat cp1y, CGFloat cp2x, CGFloat cp2y, CGFloat x, CGFloat y)
/*绘制三次贝塞尔曲线
c:图形上下文
cp1x:第一个控制点x坐标
cp1y:第一个控制点y坐标
cp2x:第二个控制点x坐标
cp2y:第二个控制点y坐标
x:结束点x坐标
y:结束点y坐标
*/
CGContextAddCurveToPoint(context, 80, 300, 240, 500, 300, 300);
//设置图形上下文属性
[[UIColor yellowColor]setFill];
[[UIColor redColor]setStroke];
//绘制路径
CGContextDrawPath(context, kCGPathFillStroke);
}
#pragma mark - 图像绘制
-(void)drawImage:(CGContextRef)context{
UIImage *image=[UIImage imageNamed:@"test1"];
//从某一点开始绘制
// [image drawAtPoint:CGPointMake(10, 50)];
//绘制到指定的矩形中,注意如果大小不合适会会进行拉伸
[image drawInRect:CGRectMake(20, 20, 300, 300)];
//平铺绘制
// [image drawAsPatternInRect:CGRectMake(20, 20, 300, 300)];
}
#pragma mark - 图形上下文变换
-(void)drawImageChangeContext:(CGContextRef)context{
//保存初始状态
CGContextSaveGState(context);
//1.图形上下文向右平移40
CGContextTranslateCTM(context, 60, 40);
//2.缩放0.5
CGContextScaleCTM(context, 0.5, 0.5);
//3.旋转
CGContextRotateCTM(context, M_PI_4/4);
UIImage *image=[UIImage imageNamed:@"test1"];
[image drawInRect:CGRectMake(20, 50, 300, 300)];
//恢复到初始化状态
CGContextRestoreGState(context);
}
#pragma mark - 使用Core Graphics绘制图像
-(void)drawImage1:(CGContextRef)context{
// UIImage *image=[UIImage imageNamed:@"test1"];
// //图像绘制
// CGRect rect=CGRectMake(20, 50, 300, 300);
// CGContextDrawImage(context, rect, image.CGImage);
// ///以上代码图像会倒过来
UIImage *image=[UIImage imageNamed:@"test1"];
CGContextSaveGState(context);
CGFloat height=300,y=50;
//上下文形变
CGContextScaleCTM(context, 1, -1);//在Y轴缩放-1相当于沿着X轴旋转180度;注意不要沿着z轴旋转,这样得不到想要的结果
CGContextTranslateCTM(context, 0, -(kScreenHeight-(kScreenHeight-height-2*y)));//向上平移
//图像绘制
CGRect rect=CGRectMake(10, y, 300, height);
CGContextDrawImage(context, rect, image.CGImage);
CGContextRestoreGState(context);
}
@end