CGContextRef画不完整的圆

最新推荐文章于 2020-12-21 21:07:03 发布

原创最新推荐文章于 2020-12-21 21:07:03 发布 · 301 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iOS

iOS 专栏收录该内容

45 篇文章

订阅专栏

本文介绍了一种使用Objective-C编程语言在iOS平台下绘制不完整圆形进度条的方法。通过UIGraphicsBeginImageContext和CGContextRef等API实现了一个可以根据百分比绘制不同进度的圆形进度条。文章提供了具体的代码实现细节。

就是要这种效果:

代码:

- (void)drawCircleWithPercent:(float)per {
    //开始绘画
    UIGraphicsBeginImageContext(CGSizeMake(70, 70));
    //Quartz 2D 画布
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetLineWidth(context,6);//改变线条粗细
    //底部完整圆
    CGContextSetRGBStrokeColor(context, 245/255.0, 215/255.0, 136/255.0, 1);//改变颜色
    CGContextAddArc(context, 35, 35, 32, 0, 2*M_PI, 0);//画圆
    CGContextStrokePath(context);//绘画,这句才是真正的将东西画上了
    //覆盖层,不完整圆
    CGContextSetRGBStrokeColor(context, 127/255.0, 204/255.0, 193/255.0, 1);
    CGContextAddArc(context, 35, 35, 32, 0, 2*M_PI*per, 1);
    CGContextStrokePath(context);
    //结束绘画
    UIImage *destImg = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    
    //创建UIImageView并显示在界面上
    UIImageView *imgView = [[UIImageView alloc] initWithImage:destImg];
    imgView.x = 67;
    imgView.y = 123;
    [self.view addSubview:imgView];
}