iOS Quartz 2D 绘制图形(线段\三角形\矩形\圆\圆弧等)

• Quartz 2D是一个二维绘图引擎,Quartz 2D 的API是C语言, 来自于CoreGraphic框架, 没有面向对象的思想
  
  • 1.作用:绘制图形 : 线段\三角形\矩形\圆\圆弧等
    绘制文字
    绘制\生成图片(图像)
    读取\生成PDF
    截图\裁剪图片
    自定义UI控件
  • 2.图形上下文 (Graphics Context) : 是一个CGContextRef类型的数据
    作用 :
    1.保存绘图信息,绘图状态
    2.决定绘制的输出目标(绘制到什么地方去,输出目标可以是PDF文件,Bitmap或者显示器的窗口上)

新建一个View,继承与UIView,在新View的.m文件里,把自带的注释去掉,就有一个自带的方法

- (void)drawRect:(CGRect)rect {
//在这里绘图
}

//系统自动调用,视图显示在屏幕上的时候调用,且调用一次
- (void)drawRect:(CGRect)rect {
// drawline(); //画线
// drawR(); //画四边形
// drawTriangle(); //绘制三角形
// drawCircle(); //画圆形
// drawArc(); //画圆弧
// drawBezier(); //贝塞尔曲线
}

//画线
void drawline(){
//1.获得图形上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
//将上下文复制一份到栈中
    CGContextSaveGState(context);
//2.绘制图形
//设置头尾部样式
    CGContextSetLineCap(context, kCGLineCapRound);
//设置线段宽度
    CGContextSetLineWidth(context, 20);
//设置颜色
    CGContextSetRGBStrokeColor(context, 1, 0, 0, 1);
//设置起点
    CGContextMoveToPoint(context, 10, 10);
//画线
    CGContextAddLineToPoint(context, 100, 100);
//3.显示到View上
    CGContextStrokePath(context);//空心画出
//将图形上下文出栈,替换当前的上下文
    CGContextRestoreGState(context);

//2条线
    [[UIColor lightGrayColor] set];
//设置头尾部样式
    CGContextSetLineCap(context, kCGLineCapRound);
//设置线段转折点样式
    CGContextSetLineJoin(context, kCGLineJoinRound);
//画线
    CGContextMoveToPoint(context, 100, 120);

    CGContextAddLineToPoint(context, 150, 120);
    CGContextAddLineToPoint(context, 150, 180);
//3.显示到View上
    CGContextStrokePath(context);

}

//画四边形
void drawR(){
//1.获得图形上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
//2.绘制四边形
    CGContextAddRect(context, CGRectMake(10, 10, 120, 120));
//设置颜色
    [[UIColor lightGrayColor] setFill];
//3.显示到View上
    CGContextFillPath(context);  //实心画出
}

//绘制三角形
void drawTriangle(){
//1.获得图形上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
//2.绘制三角形
    CGContextMoveToPoint(context, 100, 0);
    CGContextAddLineToPoint(context, 100, 100);
    CGContextAddLineToPoint(context, 150, 100);
//关闭路径 (连接起点和最后一个点)
    CGContextClosePath(context);
    [[UIColor redColor] set];
//3.显示到View上
    CGContextFillPath(context);
}

//画圆形
void drawCircle(){
//1.获取图形上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
//2.绘制图形
    CGContextAddEllipseInRect(context, CGRectMake(50, 50, 100, 100));  //把宽高设不同,就变成椭圆了
//设置线段宽度
    CGContextSetLineWidth(context, 10);
//3.显示在View上
    CGContextStrokePath(context);
}

//画圆弧
void drawArc(){
//1.获取图形上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
//2.绘制图形


// x\y:圆心
// radius:半径
// startAngle : 开始角度
// endAngle : 结束角度
// clockwise : 圆弧的伸展方向(0 : 顺时针, 1 : 逆时针)
    CGContextAddArc(context, 100, 100, 50, arc(90), arc(200), 1);
//3.显示在View上
    CGContextStrokePath(context);
}

//贝塞尔曲线
void drawBezier(){
//1.取得图形上下文
    CGContextRef context = UIGraphicsGetCurrentContext();
//起点
    CGContextMoveToPoint(context, 10, 10);
//2个控制点
// CGContextAddCurveToPoint(context, 120, 150, 180, 50, 190, 190);
//1个控制点
    CGContextAddQuadCurveToPoint(context, 50, 200, 200, 100);
//显示在View上
    CGContextStrokePath(context);
}