1.基础画线
OC:
1.获取上下文
CGContextRef cxt = UIGraphicsGetCurrentContext()
2.得到贝塞尔曲线
UIBezierPath *path = [UIBezierPath bezierPath]
3.设置起点
[path moveToPoint:CGPointMake(0, 0)];
4.增加一根线到终点
[path addLineToPoint:CGPointMake(100, 100)];
5.再增加一条线(起点是上条线的终点)
[path addLineToPoint:CGPointMake(200, 150)];
6.设置线宽
CGContextSetLineWidth(ctx, 5);
7.设置顶角样式
CGContextSetLineCap(ctx, kCGLineCapRound);
8.设置线连接样式
CGContextSetLineJoin(ctx, kCGLineJoinRound);
9.设置颜色
[[UIColor redColor] set];
10.把绘制的内容添加到上下文中
CGContextAddPath(ctx, path.CGPath);
11.把上下文渲染出来
CGContextStrokePath(ctx);
swift:
let ref = UIGraphicsGetCurrentContext()
let path = UIBezierPath()
path.moveToPoint(CGPointMake(0, 0))
path.addLineToPoint(CGPointMake(100, 100))
path.addLineToPoint(CGPointMake(200, 200))
CGContextSetLineWidth(ref, 5)
CGContextSetLineCap(ref, CGLineCap.Round)
CGContextSetLineJoin(ref, .Round)
UIColor.redColor().set()
CGContextAddPath(ref, path.CGPath)
CGContextStrokePath(ref)
2.画弧线
OC
[path addQuadCurveToPoint:CGPointMake(200, 200) controlPoint:CGPointMake(0, 200)];
Swift
path.addQuadCurveToPoint(CGPointMake(200, 200), controlPoint: CGPointMake(0, 200))
3.画圆(椭圆)
OC
UIBezierPath *path = [UIBezierPath bezierPathWithOvalInRect:CGRectMake(50, 50, 100, 100)];
[path setLineWidth:1]
[[UIColor redColor] set];
[path stroke];
Swift
let path = UIBezierPath(ovalInRect: CGRectMake(1, 1, 200, 200))
UIColor.redColor().set()
path.lineWidth = 1
path.stroke()
4.画弧
OC
//Cententer:圆弧所在的圆心
//radius:半径
//startAngle:开始角度
//endAngle:截止角度
//clockwise:YES:顺时针 NO:逆时针
UIBezierPath *path = [UIBezierPath bezierPathWithArcCenter:CGPointMake(100, 100) radius:30 startAngle:M_PI endAngle:0 clockwise:NO];
[path setLineWidth:1]
//添加一根线到圆心
[path addLineToPoint:CGPointMake(100, 100)];
[[UIColor redColor] set];
//关闭路劲:从路劲终点连接一个线到路劲的起点
[path closePath]
[path stroke];
//填充(填充会自动关闭路径)
//[path fill];
Swift:
let path = UIBezierPath(arcCenter: CGPointMake(100, 100), radius: 30, startAngle: CGFloat(M_PI), endAngle: 0, clockwise: false)
path.addLineToPoint(CGPointMake(100, 100))
UIColor.redColor().set()
path.lineWidth = 1
path.closePath()
path.stroke()
后续更新中....