天天看点

iOS画图-UIBezierPath和CAShapeLayer的简单使用

UIBezierPath和CAShapeLayer组合画出任何你想要的图形,废话不多说,直接上代码:

UIBezierPath *path = [UIBezierPath bezierPathWithRoundedRect:CGRectMake(, , self.bounds.size.width, self.bounds.size.height) cornerRadius:];

    CGPoint startPoint = CGPointMake(KWidth/, KHeight/-);
    CGPoint endPoint = CGPointMake(KWidth/, KHeight/+);

    CGPoint controlPointLeft1 = CGPointMake(KWidth/-, KHeight/-);
    CGPoint controlPointLett2 = CGPointMake(KWidth/-, KHeight/+);

    CGPoint controlPointRight1 = CGPointMake(KWidth/+, KHeight/-);
    CGPoint controlPointRight2 = CGPointMake(KWidth/+, KHeight/+);

    UIBezierPath *FaceBezierPath = [UIBezierPath bezierPath];
    FaceBezierPath.lineWidth = ;
    [[UIColor clearColor] setStroke];

    [FaceBezierPath moveToPoint:startPoint];
    [FaceBezierPath addCurveToPoint:endPoint controlPoint1:controlPointLeft1 controlPoint2:controlPointLett2];
    [FaceBezierPath moveToPoint:startPoint];
    [FaceBezierPath addCurveToPoint:endPoint controlPoint1:controlPointRight1 controlPoint2:controlPointRight2];
    [FaceBezierPath stroke];

    //虚线部分
    CAShapeLayer *vertureLineLayer = [CAShapeLayer layer];
    vertureLineLayer.path = FaceBezierPath.CGPath;
    vertureLineLayer.strokeColor = [UIColor colorWithRed: green: blue: alpha:].CGColor;
    vertureLineLayer.fillColor = [UIColor clearColor].CGColor;
    vertureLineLayer.lineCap = kCALineCapSquare;
    vertureLineLayer.lineWidth = ;
    vertureLineLayer.lineDashPattern = @[@7,@10];
    [self.layer addSublayer:vertureLineLayer];

    [path appendPath:FaceBezierPath];

    //遮罩层
    CAShapeLayer *fillLayer = [CAShapeLayer layer];
    fillLayer.path = path.CGPath;
    fillLayer.fillRule = kCAFillRuleEvenOdd;
    fillLayer.fillColor = [UIColor colorWithWhite: alpha:].CGColor;
    [self.layer addSublayer:fillLayer];
           

温馨提示:上面的代码都是要写在UIView子类的- (void)drawRect:(CGRect)rect;方法里面的哦!

附上效果图:

iOS画图-UIBezierPath和CAShapeLayer的简单使用