Quartz 2D基本图形的绘制

基本步骤：

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