IOS绘制虚线的方法总结

 更新时间:2016年09月06日 14:44:58   投稿:daisy  
这篇文章给大家分享了iOS中绘制虚线常见的几种方式,大家可以根据自己的需求进行选择哪种方法,下面跟着小编来一起看看吧。

一、重写drawRect方法。

- (void)drawRect:(CGRect)rect
{
 [super drawRect:rect];
CGContextRef currentContext = UIGraphicsGetCurrentContext();
//设置虚线颜色
 CGContextSetStrokeColorWithColor(currentContext, [UIColor BlackColor].CGColor);
 //设置虚线宽度
 CGContextSetLineWidth(currentContext, 1);
 //设置虚线绘制起点
 CGContextMoveToPoint(currentContext, 0, 0);
 //设置虚线绘制终点
 CGContextAddLineToPoint(currentContext, self.frame.origin.x + self.frame.size.width, 0);
 //设置虚线排列的宽度间隔:下面的arr中的数字表示先绘制3个点再绘制1个点
 CGFloat arr[] = {3,1};
 //下面最后一个参数“2”代表排列的个数。
 CGContextSetLineDash(currentContext, 0, arr, 2);
 CGContextDrawPath(currentContext, kCGPathStroke);
 
}

二、采用CAShapeLayer方式绘制虚线

CAShapeLayer *shapeLayer = [CAShapeLayer layer];
[shapeLayer setBounds:self.bounds];
[shapeLayer setPosition:CGPointMake(self.frame.size.width / 2.0, self.frame.size.height)];
[shapeLayer setFillColor:[UIColor clearColor].CGColor];
//设置虚线颜色
shapeLayer setStrokeColor:[UIColor BlackColor].CGColor];
//设置虚线宽度
[shapeLayer setLineWidth:self.frame.size.height];
[shapeLayer setLineJoin:kCALineJoinRound];
//设置虚线的线宽及间距
 [shapeLayer setLineDashPattern:[NSArray arrayWithObjects:[NSNumber numberWithInt:3], [NSNumber numberWithInt:1], nil]];
 //创建虚线绘制路径
 CGMutablePathRef path = CGPathCreateMutable();
 //设置虚线绘制路径起点
 CGPathMoveToPoint(path, NULL, 0, 0);
 //设置虚线绘制路径终点
 CGPathAddLineToPoint(path, NULL, self.frame.size.width, 0);
 //设置虚线绘制路径
 [shapeLayer setPath:path];
 CGPathRelease(path);
 //添加虚线
 [self.layer addSublayer:shapeLayer];

关于这种方式已经有人整理出了一个非常好用的类方法,具体见下面这段代码,注意:下面非完整代码,如有需要,请自己百度搜索。

/**
 ** lineView:  需要绘制成虚线的view
 ** lineLength:  虚线的宽度
 ** lineSpacing: 虚线的间距
 ** lineColor:  虚线的颜色
 **/
 
+ (void)drawDashLine:(UIView *)lineView lineLength:(int)lineLength lineSpacing:(int)lineSpacing lineColor:(UIColor *)lineColor
{
 CAShapeLayer *shapeLayer = [CAShapeLayer layer];
 .....
 [shapeLayer setStrokeColor:lineColor.CGColor];
 ......
 [shapeLayer setLineDashPattern:[NSArray arrayWithObjects:[NSNumber numberWithInt:lineLength], [NSNumber numberWithInt:lineSpacing], nil]];
  ......
 [lineView.layer addSublayer:shapeLayer];
 
}

三、经济实惠型:采用贴图的方式绘制虚线(需要设计师切图配合)

UIImageView *imgDashLineView =[[UIImageView alloc] initWithFrame:CGRectMake(15, 200, self.view.frame.size.width - 30, 1)];

[imgDashLineView setBackgroundColor:[UIColor colorWithPatternImage:[UIImage imageNamed:@"xuxian.png"]]];

[self.view addSubview:imgDashLineView];

总结

以上内容部分来自于网络,本着分享的学习精神,如有涉及侵权问题,请及时告知。以上就是这篇文章的全部内容,欢迎大家一起探讨学习,有问题请留言,小编将会尽快对你的问题进行回复。

相关文章

  • iOS中利用CAEmitterLayer实现粒子动画详解

    iOS中利用CAEmitterLayer实现粒子动画详解

    粒子效果应该对现在很多人来说并不陌生,我们之前也分享了一些相关文章,下面这篇文章主要给大家介绍了关于iOS中利用CAEmitterLayer实现粒子动画的相关资料,文中介绍的非常详细,需要的朋友们下面来一起看看吧。
    2017-06-06
  • iOS开发中UITableview控件的基本使用及性能优化方法

    iOS开发中UITableview控件的基本使用及性能优化方法

    这篇文章主要介绍了iOS开发中UITableview控件的基本使用及性能优化方法,代码基于传统的Objective-C,需要的朋友可以参考下
    2015-12-12
  • iOS tableView实现头部拉伸并改变导航条渐变色

    iOS tableView实现头部拉伸并改变导航条渐变色

    这篇文章主要为大家详细介绍了iOS tableView实现头部拉伸并改变导航条渐变色,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05
  • iOS统计项目的代码总行数

    iOS统计项目的代码总行数

    最近一个项目有段时间了,不知道怎样可以统计出写了多少行代码,如何处理这个问题呢,下面我们来探讨下。
    2015-06-06
  • iOS仿微信图片分享界面实现代码

    iOS仿微信图片分享界面实现代码

    这篇文章主要为大家详细介绍了iOS仿微信相册界面翻转过渡动画效果,微信采用界面翻转的过渡动画跳转到评论界面,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-11-11
  • 如何利用iCloud Drive同步Xcode配置详解

    如何利用iCloud Drive同步Xcode配置详解

    这篇文章主要给大家介绍了关于如何利用iCloud Drive同步Xcode配置的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2018-05-05
  • tableView上面空出20个像素的解决办法

    tableView上面空出20个像素的解决办法

    在IOS开发中,有时候会遇到tableView上面多出来20个像素,是什么原因呢?又该如何来解决他呢,今天我们来探讨下
    2014-09-09
  • iOS 11 BUG的发现、定位和解决

    iOS 11 BUG的发现、定位和解决

    这篇文章主要为大家详细介绍了iOS 11 BUG的发现、定位和解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • iOS中读写锁的简单实现方法实例

    iOS中读写锁的简单实现方法实例

    读写锁是计算机程序的并发控制的一种同步机制,也称“共享-互斥锁”、多读者-单写者锁,读操作可并发重入,写操作是互斥的,这篇文章主要给大家介绍了关于iOS中读写锁的简单实现方法,需要的朋友可以参考下
    2021-11-11
  • iOS开发中常见的解析XML的类库以及简要安装方法

    iOS开发中常见的解析XML的类库以及简要安装方法

    这篇文章主要介绍了iOS开发中常见的解析XML的类库以及简要安装方法,简要地说明了在Xcode下的一些特点以供对比,需要的朋友可以参考下
    2015-10-10

最新评论