iOS实现音频进度条效果

@interface CYXAudioProgressView : UIView
//无动画设置 进度
@property (assign, nonatomic) CGFloat persentage;
//有动画设置 进度 0~1
-(void)setAnimationPersentage:(CGFloat)persentage;
/**
 初始化  在完成 赋值后调用一下
 */
-(void)init s;
@end

/*条条间隙*/
#define kDrawMargin 4
#define kDrawLineWidth 8
/*差值*/
#define differenceValue 51
@interface CYXAudioProgressView ()<CAAnimationDelegate>

/*条条 灰色路径*/
@property (nonatomic,strong) CAShape  *shape ;
/*背景黄色*/
@property (nonatomic,strong) CAShape  *backColor ;
@property (nonatomic,strong) CAShape  *mask ;
@end
@implementation CYXAudioProgressView

-(instancetype)initWith :(CGRect) {
 if (self = [super initWith : ]) {
 self.backgroundColor = [UIColor blackColor];
 [self.  addSub :self.shape ];
 [self.  addSub :self.backColor ];
 self.persentage = 0.0;
 }
 return self;
}

/**
 初始化  在完成 赋值后调用一下
 */
-(void)init s{
 [self initStroke ];
 [self setBackColor ];
}

/*路径*/
-(void)initStroke {
 UIBezierPath *path = [UIBezierPath bezierPath];
 CGFloat maxWidth = self. .size.width;
 CGFloat drawHeight = self. .size.height;
 CGFloat x = 0.0;
 while (x+kDrawLineWidth<=maxWidth) {
 CGFloat random =5+ arc4random()%differenceValue;//差值在1-50 之间取
 NSLog(@"%f",random);
 [path moveToPoint:CGPointMake(x-kDrawLineWidth/2, random)];
 [path addLineToPoint:CGPointMake(x-kDrawLineWidth/2, drawHeight-random)];
 x+=kDrawLineWidth;
 x+=kDrawMargin;
 }
 self.shape .path = path.CGPath;
 self.backColor .path = path.CGPath;
}

/*设置mask */
-(void)setBackColor {
 UIBezierPath *path = [UIBezierPath bezierPath];
 [path moveToPoint:CGPointMake(0, self. .size.height/2)];
 [path addLineToPoint:CGPointMake(self. .size.width, self. .size.height/2)];
 self.mask .  = self.bounds;
 self.mask .lineWidth = self. .size.width;
 self.mask .path= path.CGPath;
 self.backColor .mask = self.mask ;
}

-(void)setAnimationPersentage:(CGFloat)persentage{
 CGFloat startPersentage = self.persentage;
 [self setPersentage:persentage];

 CABasicAnimation *pathAnimation = [CABasicAnimation animationWithKeyPath:@"strokeEnd"];
 pathAnimation.duration = 1;
 pathAnimation.timingFunction = [CAMediaTimingFunction functionWithName:kCAMediaTimingFunctionEaseInEaseOut];
 pathAnimation.fromValue = [NSNumber numberWithFloat:startPersentage];
 pathAnimation.toValue = [NSNumber numberWithFloat:persentage];
 pathAnimation.autoreverses = NO;
 pathAnimation.delegate = self;
 [self.mask  addAnimation:pathAnimation forKey:@"strokeEndAnimation"];
}
/**
 * 在修改百分比的时候，修改遮罩的大小
 *
 * @param persentage 百分比
 */
- (void)setPersentage:(CGFloat)persentage {

 _persentage = persentage;
 self.mask .strokeEnd = persentage;
}

- (void)viewDidLoad {
 [super viewDidLoad];
 // Do any additional setup after loading the view, typically from a nib.
 self.view.backgroundColor = [UIColor whiteColor];

 self.loopProgressView.  =CGRectMake(0, 100, self.view. .size.width, 150);
 [self.loopProgressView init s];
 [self.view addSubview:self.loopProgressView];
 dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(1 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
 [self.loopProgressView setAnimationPersentage:0.5];
 });

 self.slider.  = CGRectMake(30, self.view. .size.height-60, self.view. .size.width-30*2, 20);
 [self.view addSubview:self.slider];
}