iOS 使用Quartz 2D画虚线

简介: 画虚线需要用到函数:CGContextSetLineDash此函数需要四个参数:context – 这个不用多说phase - 稍后再说lengths – 指明虚线是如何交替绘制,具体看例子count – lengths数组的...

画虚线需要用到函数:

CGContextSetLineDash

此函数需要四个参数:

  • context – 这个不用多说
  • phase - 稍后再说
  • lengths – 指明虚线是如何交替绘制,具体看例子
  • count – lengths数组的长度

CGContextRef context =UIGraphicsGetCurrentContext();
CGContextBeginPath(context);
CGContextSetLineWidth(context, 2.0);
CGContextSetStrokeColorWithColor(context, [UIColor whiteColor].CGColor);
CGFloat lengths[] = {10,10};
CGContextSetLineDash(context, 0, lengths,2);
CGContextMoveToPoint(context, 10.0, 20.0);
CGContextAddLineToPoint(context, 310.0,20.0);
CGContextStrokePath(context);
CGContextClosePath(context);

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


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

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

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

CGFloat lengths[] = {10,5};
CGContextSetLineDash(context, 0, lengths, 2);  
CGContextMoveToPoint(context, 0.0, 20.0);  
CGContextAddLineToPoint(context, 310.0, 20.0);   
CGContextStrokePath(context);
                        
CGContextSetLineDash(context, 5, lengths, 2);
CGContextMoveToPoint(context, 0.0, 40.0);  
CGContextAddLineToPoint(context, 310.0, 40.0);
CGContextStrokePath(context);           
                                            
CGContextSetLineDash(context, 8, lengths, 2);   
CGContextMoveToPoint(context, 0.0, 60.0);           
CGContextAddLineToPoint(context, 310.0, 60.);           
CGContextStrokePath(context); 
如图显示:


由于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) {

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

        

        setNeedsDisplay()

    }

    

    override func drawRect(rect: CGRect) {

        if let point = endPoint {

            let context = UIGraphicsGetCurrentContext()

            let lengths: [CGFloat] = [5.05.0]

            CGContextSetLineDash(context, 0, lengths, 2);

            CGContextMoveToPoint(context, beginPoint.xbeginPoint.y);

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

            CGContextStrokePath(context);

        }

    }

}


目录
相关文章
|
iOS开发 MacOS
IOS之Quartz
IOS之Quartz
158 0
IOS之Quartz
|
iOS开发
iOS开发UI篇 - Quartz 2D简单使用
iOS开发UI篇 - Quartz 2D简单使用
iOS开发UI篇 - Quartz 2D简单使用
|
iOS开发
iOS:quartz2D绘图(给图形绘制阴影)
quartz2D既可以绘制原始图形,也可以给原始图形绘制阴影。 绘制阴影时,需要的一些参数:上下文、阴影偏移量、阴影模糊系数 注意:在drawRect:方法中同时调用绘制同一个图形时,在对绘制的图形做绘制阴影处理前,需要先对上下文进行保存,绘制阴影成功后,还要对上下文进行复位,还原为最原始的上下文。
1182 0
|
iOS开发
iOS - Quartz 2D 下载进度按钮绘制
1、绘制下载进度按钮 具体实现代码见 GitHub 源码 QExtension QProgressButton.h @interface QProgressButton : UIButton /// 进度值,范围 0 ~ 1 @property (nonatomic, ...
1062 0
|
iOS开发
iOS - Quartz 2D 手势截屏绘制
1、绘制手势截屏 具体实现代码见 GitHub 源码 QExtension QTouchClipView.h @interface QTouchClipView : UIView /** * 创建手势截屏视图控件,获取截屏结果 * * @par...
1122 0
|
iOS开发
iOS开发UI篇—Quartz2D使用(图形上下文栈)
iOS开发UI篇—Quartz2D使用(图形上下文栈) 一、qurza2d是怎么将绘图信息和绘图的属性绘制到图形上下文中去的? 说明: 新建一个项目,自定义一个view类和storyboard关联后,重写该类中的drowrect方法。
740 0