美文网首页
画带箭头的view

画带箭头的view

作者: 絮语时光杨 | 来源:发表于2018-10-17 11:17 被阅读6次
    • (void)drawRect:(CGRect)rect {
      CGRect frame = CGRectMake(0, kArrowHeight, self.bounds.size.width, self.bounds.size.height-kArrowHeight);
      // 获取各个角落点
      float xMin = CGRectGetMinX(frame);
      float yMin = CGRectGetMinY(frame);
      float xMax = CGRectGetMaxX(frame);
      float yMax = CGRectGetMaxY(frame);

    UIBezierPath *path = [UIBezierPath bezierPath];
    path.lineCapStyle = kCGLineCapRound; //线条拐角
    path.lineJoinStyle = kCGLineCapRound; //终点处理

    // 左上 圆角构成
    [path moveToPoint:CGPointMake(xMin, yMin + kCornerRadius)];
    [path addQuadCurveToPoint:CGPointMake(xMin + kCornerRadius, yMin) controlPoint:CGPointMake(xMin, yMin)];

    // 箭头
    // 获取箭头point
    CGPoint arrowPoint = CGPointMake(self.bounds.size.width - 2 *kArrowHeight, 0);

    // 箭头的构成
    [path addLineToPoint:CGPointMake(arrowPoint.x - kArrowRadius, yMin)];
    [path addLineToPoint:arrowPoint];
    [path addLineToPoint:CGPointMake(arrowPoint.x + kArrowRadius, yMin)];

    // 右上 圆角构成
    [path addLineToPoint:CGPointMake(xMax - kCornerRadius, yMin)];
    [path addQuadCurveToPoint:CGPointMake(xMax, yMin + kCornerRadius) controlPoint:CGPointMake(xMax, yMin)];

    // 右下 圆角构成
    [path addLineToPoint:CGPointMake(xMax, yMax - kCornerRadius)];
    [path addQuadCurveToPoint:CGPointMake(xMax - kCornerRadius, yMax) controlPoint:CGPointMake(xMax, yMax)];

    // 左下 圆角构成
    [path addLineToPoint:CGPointMake(xMin + kCornerRadius, yMax)];
    [path addQuadCurveToPoint:CGPointMake(xMin, yMax - kCornerRadius) controlPoint:CGPointMake(xMin, yMax)];

    // 填充颜色
    [self.mainColor setFill];
    [path fill];
    [path closePath];
    }

    相关文章

      网友评论

          本文标题:画带箭头的view

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