文章搬運(yùn)來(lái)源：https://blog.csdn.net/Calvin_zhou/article/details/112002012
作者：PGzxc

對(duì)iOS開(kāi)發(fā)感興趣，可以看一下作者的iOS交流群：812157648，大家可以在里面吹水、交流相關(guān)方面的知識(shí)，群里還有我整理的有關(guān)于面試的一些資料，歡迎大家加群，大家一起開(kāi)車

一 概述

本文介紹拖動(dòng)Slider時(shí)，通過(guò)自定義View

• Label顯示當(dāng)前的Slider的數(shù)字大小
• Progress顯示Sliderder的弧度

二 繪制進(jìn)度

2.1 自定義ProgressView

設(shè)置要改變的值progress(ProgressView.h)

@interface ProgressView : UIView
@property (nonatomic,assign) CGFloat progress;
@end

Label和弧度顯示

#import "ProgressView.h"
@interface ProgressView ()
@property (nonatomic,weak) UILabel *label;
@end
@implementation ProgressView

- (UILabel *)label
{
    if (_label==nil) {
        UILabel *label=[[UILabel alloc]initWithFrame:CGRectMake(0, 0, 100, 100)];
        label.textAlignment=NSTextAlignmentCenter;
        [self addSubview: label];
        _label=label;
    }
    return  _label;
}
- (void)setProgress:(CGFloat)progress
{
    _progress=progress;
    self.label.text=[NSString stringWithFormat:@"%.2f%%",progress*100];
    [self setNeedsDisplay];
}

// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {
    // Drawing code
    //1.獲取上下文
    CGContextRef ctx=UIGraphicsGetCurrentContext();
    //2.拼接路徑
    CGPoint center=CGPointMake(50, 50);
    CGFloat radius=50-2;
    CGFloat startA=-M_PI_2;
    CGFloat endA=-M_PI_2+_progress*M_PI*2;
    UIBezierPath *path=[UIBezierPath bezierPathWithArcCenter:center radius:radius startAngle:startA endAngle:endA clockwise:YES];
    //3.把路徑添加到上下文
    CGContextAddPath(ctx, path.CGPath);
    //4.把上下文渲染到視圖
    CGContextStrokePath(ctx);
}
@end

2.2 ViewController中設(shè)置Slider改變

#import "ViewController.h"
#import "ProgressView.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet ProgressView *progressView;
@end

@implementation ViewController
- (IBAction)valueChange:(UISlider *)sender
{
    _progressView.progress=sender.value;
    NSLog(@"%f",sender.value);
}
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
}
@end

三 效果圖