绘制虚线 dashLine

本文介绍了如何在iOS中使用CAShapeLayer和UIBezierPath绘制虚线和圆点虚线。提供了相应的代码示例,包括设置虚线的宽度、颜色、线距等属性,并给出了创建带有圆角的虚线图像的方法。

/**

 ** lineView:   需要绘制成虚线的view

 ** lineLength: 虚线的宽度

 ** lineSpacing: 虚线的间距

 ** lineColor:   虚线的颜色

 **/

- (void)drawDashLine:(UIView *)lineView lineLength:(int)lineLength lineSpacing:(int)lineSpacing lineColor:(UIColor *)lineColor

{

    CAShapeLayer *shapeLayer = [CAShapeLayer layer];

    [shapeLayer setBounds:lineView.bounds];

    [shapeLayer setPosition:CGPointMake(CGRectGetWidth(lineView.frame) / 2, CGRectGetHeight(lineView.frame))];

    [shapeLayer setFillColor:[UIColor clearColor].CGColor];

    //  设置虚线颜色为blackColor

    [shapeLayer setStrokeColor:lineColor.CGColor];

    //  设置虚线宽度

    [shapeLayer setLineWidth:CGRectGetHeight(lineView.frame)];

    [shapeLayer setLineJoin:kCALineJoinRound];

    //  设置线宽,线间距

    [shapeLayer setLineDashPattern:[NSArray arrayWithObjects:[NSNumber numberWithInt:lineLength], [NSNumber numberWithInt:lineSpacing], nil]];

    //  设置路径

    CGMutablePathRef path = CGPathCreateMutable();

    CGPathMoveToPoint(path, NULL, 0, 0);

    CGPathAddLineToPoint(path, NULL, CGRectGetWidth(lineView.frame), 0);

    [shapeLayer setPath:path];

    CGPathRelease(path);

    //  把绘制好的虚线添加上来

    [lineView.layer addSublayer:shapeLayer];

}

用这个方法画出来的虚线如下




//话圆角虚线

- (UIImage *)drawDotted{

    UIBezierPath * path = [[UIBezierPath alloc] init];

    [path moveToPoint:CGPointMake(10.0, 10.0)];

    [path addLineToPoint:CGPointMake(290.0, 10.0)];

    [path setLineWidth:8.0];

    CGFloat dashes[] = { path.lineWidth, path.lineWidth * 2 };

    [path setLineDash:dashes count:2 phase:0];

    [path setLineCapStyle:kCGLineCapRound];

    UIGraphicsBeginImageContextWithOptions(CGSizeMake(300, 20), false, 2);

    [path stroke];

    UIImage * image = UIGraphicsGetImageFromCurrentImageContext();

    UIGraphicsEndImageContext();

    return image;

}



关于圆点虚线,请看此处 http://stackoverflow.com/questions/26018302/draw-dotted-not-dashed-line

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值