iOS开发之基本图形绘制

一、画直线

第一种方式：

- (void)drawRect:(CGRect)rect {
    // Drawing code
    
    //获取图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    //创建并描述路径
    CGMutablePathRef path = CGPathCreateMutable();
    
    //设置起点
    CGPathMoveToPoint(path, NULL, 50, 100);
    
    //添加一条线到某个点
    CGPathAddLineToPoint(path, NULL, 200, 137);
    
    //把路径添加到上下文
    CGContextAddPath(ctx, path);
    
    //渲染上下文
    CGContextStrokePath(ctx);
    
}

第二种方式：

//这种方式实际上是系统已经创建了路径并且已经在上下文了，就省去了自己去创建路径和添加到上下文这两个步骤
- (void)drawRect:(CGRect)rect {
    // Drawing code
    
    //获取图形上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
      //设置起点
    CGContextMoveToPoint(ctx, 29, 199);
    
    //添加一条线到某个点
    CGContextAddLineToPoint(ctx, 261, 88);
    
    //渲染上下文
    CGContextStrokePath(ctx);
    
}

第三种方式：

//用UIKit封装的绘图功能完成
- (void)drawRect:(CGRect)rect {
    // Drawing code
    
    //贝塞尔路径
    //创建路径
    UIBezierPath *path = [UIBezierPath bezierPath];
    
    //设置起点
    [path moveToPoint:CGPointMake(49, 12)];
    
    //添加一条线到某个点
    [path addLineToPoint: CGPointMake(111, 22)];
    
    //渲染
    [path stroke];
    
}

二、画曲线

- (void)drawRect:(CGRect)rect {
    // Drawing code
    
    //绘制曲线
    
    //创建上下文
    CGContextRef ctx = UIGraphicsGetCurrentContext();
    
    //设置起点
    CGContextMoveToPoint(ctx, 50, 150);
    
    //控制点
    CGContextAddQuadCurveToPoint(ctx, 100, 20, 150, 150);
    
    //渲染
    CGContextStrokePath(ctx);
    
}

三、画图形

- (void)drawRect:(CGRect)rect {
    // Drawing code
    
    //圆角矩形
//    UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(20, 20, 100, 100) byRoundingCorners:UIRectCornerAllCorners cornerRadii:CGSizeMake(10, 10)];
    
    //圆弧
    //参数1：圆心   参数2：半径  参数3：起点角度  参数4：终点角度   参数5：YES表示顺时针NO表示逆时针
//    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(50, 50) radius:30 startAngle:0 endAngle:M_PI clockwise:NO];
    
    //画扇形
    //起点
    CGPoint center = CGPointMake(90, 60);
    UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:center radius:130 startAngle:0 endAngle:M_SQRT2 clockwise:YES];
    
    [path addLineToPoint:center];
    
    //[path closePath];
    
    //渲染
    //[path stroke];
    [path fill];

}