贝塞尔曲线

最新推荐文章于 2025-06-16 00:09:22 发布

weixin_34406086

最新推荐文章于 2025-06-16 00:09:22 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/shenhongbang/p/4776667.html

本文详细介绍了两种使用Core Graphics在iOS应用中绘制圆环进度条的方法，包括贝塞尔路径和CAShapeLayer的使用，展示了如何实现动态变化的进度显示效果。

第一种加载方法

- (void)drawRect:(CGRect)rect {
    UIBezierPath *backPath = [UIBezierPath bezierPath];
    [backPath moveToPoint:CGPointMake(0, 0)];
    [backPath addLineToPoint:CGPointMake(0, rect.size.height)];
    [backPath addLineToPoint:CGPointMake(rect.size.width, rect.size.height)];
    [backPath addLineToPoint:CGPointMake(rect.size.width, 0)];
    [backPath closePath];
    [self.superview.backgroundColor set];
    [backPath fill];
    
    
    CGFloat width = MIN(CGRectGetWidth(rect), CGRectGetHeight(rect));
    CGFloat lineW = 3 / [UIScreen mainScreen].scale;
    
    UIBezierPath *backProPath = [UIBezierPath bezierPath];
    [backProPath addArcWithCenter:CGPointMake(width / 2., width / 2.) radius:width / 2. - 10 startAngle:0 endAngle:M_PI * 2 clockwise:true];
    backProPath.lineWidth = lineW;
    [[UIColor grayColor] set];
    [backProPath stroke];
    
    
    UIBezierPath *progressPath = [UIBezierPath bezierPath];
    [progressPath addArcWithCenter:CGPointMake(width / 2., width / 2.) radius:width / 2. - 10 startAngle:0 endAngle:M_PI_4 clockwise:true];
    progressPath.lineWidth = lineW;
    [[UIColor redColor] set];
    [progressPath stroke];
}

第二种加载方法

- (void)drawRect:(CGRect)rect {
    UIBezierPath *tempPath = [UIBezierPath bezierPathWithRect:rect];
    [self.superview.backgroundColor set];
    [tempPath fill];
    
    
    CGFloat width = MIN(CGRectGetWidth(rect), CGRectGetHeight(rect));
    
    
    CAShapeLayer *backLayer = [CAShapeLayer layer];
    
    backLayer.lineWidth = 3 / [UIScreen mainScreen].scale;
    backLayer.strokeColor = [UIColor cyanColor].CGColor;
    backLayer.fillColor = [UIColor redColor].CGColor;
    
    [self.layer addSublayer:backLayer];
    
    UIBezierPath *backPath = [UIBezierPath bezierPath];
    [backPath addArcWithCenter:CGPointMake(width / 2., width / 2.) radius:width / 2. - 3 startAngle:0 endAngle:M_PI_4 clockwise:true];
    
    
    backLayer.path = backPath.CGPath;
}

转载于:https://www.cnblogs.com/shenhongbang/p/4776667.html