天天看点

iOS 使用Quartz 2D画虚线

画虚线需要用到函数:

CGContextSetLineDash

此函数需要四个参数:

context – 这个不用多说

phase - 稍后再说

lengths – 指明虚线是如何交替绘制,具体看例子

count – lengths数组的长度

lengths的值{10,10}表示先绘制10个点,再跳过10个点,如此反复,如图:

iOS 使用Quartz 2D画虚线

如果把lengths值改为{10, 20, 10},则表示先绘制10个点,跳过20个点,绘制10个点,跳过10个点,再绘制20个点,如此反复,如图:

iOS 使用Quartz 2D画虚线

注意count的值等于lengths数组的长度

phase参数表示在第一个虚线绘制的时候跳过多少个点,举例说明:

如图显示:

iOS 使用Quartz 2D画虚线

由于lengths值为{10,5},第一条线就是绘制10,跳过5,反复绘制。

第二条线的phase值为5,则首先绘制【10减去5】,再跳过5,绘制10,反复绘制。

第三条给也如此,先绘制2,再跳过5,如此反复。

UPDATE:

以下是一个Swift画虚线的小例子,总体上是差不多的,直接把这个View放到ViewController中即可使用:

class CustomView: UIView {

    var beginPoint: CGPoint = CGPointZero

    var endPoint: CGPoint?

    override func touchesBegan(touches: NSSet, withEvent event: UIEvent) {

        beginPoint = touches.anyObject()!.locationInView(self)

    }

    override func touchesMoved(touches: NSSet, withEvent event: UIEvent) {

        endPoint = touches.anyObject()?.locationInView(self)

        setNeedsDisplay()

    override func touchesEnded(touches: NSSet, withEvent event: UIEvent) {

    override func drawRect(rect: CGRect) {

        if let point = endPoint {

            let context = UIGraphicsGetCurrentContext()

            let lengths: [CGFloat] = [5.0, 5.0]

            CGContextSetLineDash(context, 0, lengths, 2);

            CGContextMoveToPoint(context, beginPoint.x, beginPoint.y);

            CGContextAddLineToPoint(context, point.x, point.y);

            CGContextStrokePath(context);

        }

}

iOS 使用Quartz 2D画虚线