美文网首页
绘制实线 曲线的矩形框

绘制实线 曲线的矩形框

作者: 来敲代码 | 来源:发表于2018-06-05 14:26 被阅读19次
主要是讲画虚线,有个需求给按钮添加虚线的边框 一开始想到是下面 这样的方法
layer.border 
// 设置边线
self.layer.borderWidth = 1;
self.layer.borderColor = [UIColor orangeColor].CGColor;
// 添加四个角的弧度
self.layer.cornerRadius = 5;
self.layer.masksToBounds = YES;
但是发现这个方法没办法画虚线
然使用下面的的办法完成需求
- (void)drawRect:(CGRect)rect {
// 线的宽度
CGFloat lineWidth = 1.4;
// 根据线的宽度 设置画线的位置
CGRect rect1 =  CGRectMake(lineWidth * 0.5, lineWidth * 0.5, rect.size.width - lineWidth , rect.size.height - lineWidth);
// 获取图像上下文
CGContextRef context = UIGraphicsGetCurrentContext();
// 设置线的宽度
CGContextSetLineWidth(context, lineWidth);
// 设置线的颜色
CGContextSetStrokeColorWithColor(context, [UIColor orangeColor].CGColor);
// 设置虚线和实线的长度
CGFloat lengths[] = { 2.5, 1.5 };
CGContextSetLineDash(context, 0, lengths,1);
// CGContextSetLineDash(context, 0, lengths, 1);
// 画矩形path 圆角5度
UIBezierPath *bezierPath = [UIBezierPath bezierPathWithRoundedRect:rect1 cornerRadius:5];
// 添加到图形上下文
CGContextAddPath(context, bezierPath.CGPath);
// 渲染
CGContextStrokePath(context);
}
画条线
CGSize size = rect.size;
//    CGContextRef context = UIGraphicsGetCurrentContext();
CGContextBeginPath(context);

CGContextSetLineWidth(context, 1.5);

CGContextSetStrokeColorWithColor(context, [UIColor orangeColor].CGColor);

CGFloat lengths1[] = { 3, 1.5 };

CGContextSetLineDash(context, 0, lengths1, 1);

CGContextMoveToPoint(context, 12.0, 12.0);

CGContextAddLineToPoint(context, size.width - 12, 12.0);

CGContextStrokePath(context);

相关文章

  • 绘制实线 曲线的矩形框

    主要是讲画虚线,有个需求给按钮添加虚线的边框 一开始想到是下面 这样的方法 但是发现这个方法没办法画虚线 然使用下...

  • UIBezierPath绘制图形的常用方法详解

    1、绘制一个矩形的曲线 方法: 效果如下 2、绘制一个矩形框内的内切圆 方法: 效果如下 3、根据矩形画圆角的矩形...

  • Cesium绘制双实线

    最近有个项目要用到道路的双实线,于是研究了一下Polyline的用法,发现在现有的PolylineGlowMate...

  • PPT版式设计第18期:PPT中的曲线设计

    今天和大家聊聊PPT中的曲线设计。 上图中的曲线是用PPT绘制的,也是本例设计的重点技能,曲线弧形的绘制,那绘制这...

  • python可视化笔记

    1、绘制多个subplot 绘制多个brand的模型的auc、pr曲线图: 绘制曲线,3个brand、3种算法,因...

  • 使用贝塞尔曲线绘制水波纹

    示例: 思路: 使用贝塞尔曲线绘制正弦曲线;使用CAShapeLayer绘制形状;使用CADisplayLink做...

  • R语言可视化(三十八):ROC曲线图绘制

    38. ROC曲线图绘制 清除当前环境中的变量 设置工作目录 使用ROCR包绘制ROC曲线 使用pROC包绘制RO...

  • 绘制曲线

    如果游戏中有个飞行子弹轨迹出了问题那咋解决呢?通常来说,直观看到曲线后,就能定位问题那如何看到曲线呢? 将每个x对...

  • 第52天 blender曲线知识补充

    日常工作需求,也是对之前曲线认知的补充 曲线绘制,还是使用AI比较顺手。 工作流程就是: 1、在AI中绘制曲线形状...

  • iOS 利用CAShapeLayer的FillRule属性生成一

    1.空心矩形框: 通过设置填充规则为kCAFillRuleEvenOdd,绘制两个Rect的非交集 UIView*...

网友评论

      本文标题:绘制实线 曲线的矩形框

      本文链接:https://www.haomeiwen.com/subject/fyipsftx.html