音频波动动效

一时失言乱红尘 2022-05-23 09:10 307阅读 0赞

效果 如下：

70

.h

#import

@interface PAAudioAnimationView : UIView

- (void)startAnimation;

- (void)stopAnimation;

- (void)setSoundsValue:(CGFloat)value;

@end

.m

#import “PAAudioAnimationView.h”

@interfacePAAudioAnimationView()

@property (nonatomic, assign) CGFloat itemLineWidth;

@property (nonatomic, assign) CGFloat itemLineSeparate;

@property (nonatomic, strong) UIColor *itemColor;

@property (nonatomic, strong) UIColor *itemBackColor;

@property (nonatomic, strong) CADisplayLink *displayLink;

@property (nonatomic, assign) CGFloat soundsValue;

@end

@implementation PAAudioAnimationView

- (instancetype)init{ 

  1. if (self = \[super init\]) \{
  3.     \_itemLineWidth = 3;
  5.     \_itemLineSeparate = 4;
  7.     \_soundsValue = 0;
  9.     \_itemColor =  \[UIColorcolorWithRed:255/255.0green:96/255.0blue:0/255.0alpha:1/1.0\];
  11.     \_itemBackColor =  \[UIColorcolorWithRed:230/255.0green:230/255.0blue:230/255.0alpha:1/1.0\];
  13. \}
  15. returnself;

}

- (void)setFrame:(CGRect)frame{

  1. \[super setFrame:frame\];
  3. \[selfsetItems\];
  5. \[selfstopLayer\];

}

- (void)setSoundsValue:(CGFloat)value{

  1. \_soundsValue = value;

}

- (void)setItems{

  1. \[selfremoveAllSubLayers\];
  3. CGFloat width = self.frame.size.width;
  5. NSInteger numberItem = (width - self.itemLineWidth) / (\_itemLineWidth \+ \_itemLineSeparate);
  9. CGFloat layer\_w = \_itemLineWidth;
  11. CGFloat layer\_x = \_itemLineSeparate;
  13. CGFloat layer\_h = self.frame.size.height;
  15. CGFloat layer\_y = self.frame.size.height \- layer\_h;
  19. CGFloat min\_x = (width - 48 \- 34 \* 2) / 2;
  21. CGFloat max\_x = (width - (width - 48 \- 34 \* 2) / 2);
  23. for (int i = 0; i < numberItem; i++) \{
  25.     layer\_x = \_itemLineSeparate \+ (\_itemLineSeparate \+ \_itemLineWidth) \* i;
  27.     if (layer\_x > min\_x && layer\_x < max\_x) \{
  29.         continue;
  31.     \}
  36.     layer\_y = \[self layer\_y:i\];
  38.     layer\_h = \[self layer\_h:layer\_y\];
  42.     UIBezierPath \*itemLinePath = \[UIBezierPathbezierPath\];
  44.     \[itemLinePath moveToPoint:CGPointMake(0, layer\_y)\];
  46.     \[itemLinePath addLineToPoint:CGPointMake(0, layer\_y + layer\_h)\];
  50.     CAShapeLayer \*itemline = \[CAShapeLayerlayer\];
  52.     itemline.lineCap       = kCALineCapButt;
  54.     itemline.lineJoin      = kCALineJoinRound;
  56.     \[itemline setLineWidth:layer\_w \* 2\];
  58.     itemline.strokeColor   = \[self.itemColor CGColor\];
  62.     itemline.path = \[itemLinePath CGPath\];
  66.     UIView \*dynamicView = \[\[UIView alloc\]initWithFrame:CGRectMake(layer\_x, layer\_y, layer\_w, layer\_h)\];
  68.     dynamicView.backgroundColor = self.itemBackColor;
  70.     dynamicView.layer.masksToBounds = YES;
  72.     dynamicView.layer.cornerRadius = layer\_w / 2;
  74.     dynamicView.tag = 111;
  78.     \[dynamicView.layer addSublayer:itemline\];
  80.     \[self addSubview:dynamicView\];
  82. \}

}

- (CGFloat)layer_y:(int)i{

  1. CGFloat layer\_y = 0;
  3. if (i % 4 == 0) \{
  5.     layer\_y = (self.height \- self.height \* 2 / 4) / 2;
  7. \}else if (i % 4 == 1)\{
  9.     layer\_y = (self.height \- self.height \* 3 / 4) / 2;
  11. \}else if (i % 4 == 2)\{
  13.     layer\_y = 0;
  15. \}else\{
  17.     layer\_y = (self.height \- self.height \* 3 / 4) / 2;;
  19. \}
  21. return layer\_y;

}

- (CGFloat)layer_h:(CGFloat)layer_y{

  1. return (self.height \- layer\_y \* 2);

}

- (void)removeAllSubLayers{

  1. for (UIView \*view in self.subviews) \{
  3.     \[view removeFromSuperview\];
  5. \}

}

- (void)updateItemLevel{

  1. NSArray \*subViews = self.subviews;
  3. for (int i = 0; i < subViews.count; i++) \{
  5.     UIView \*subView = subViews\[i\];
  7.     if (subView.tag == 111) \{
  9.         NSArray \*layers = subView.layer.sublayers;
  11.         CAShapeLayer \*lineItem = (CAShapeLayer\*)layers.firstObject;
  13.         CGFloat height = arc4random() % (NSInteger)self.frame.size.height \* 2;
  15.         height \*= self.soundsValue;
  17.         CGFloat value = (1 \- height \* 1.0 / self.frame.size.height);
  19.         value = value < 0 ? 0 : value;
  21.         lineItem.strokeStart = value;
  23.         lineItem.strokeEnd = 1;
  25.     \}
  27. \}

}

- (void)stopLayer{

  1. NSArray \*subViews = self.subviews;
  3. for (int i = 0; i < subViews.count; i++) \{
  5.     UIView \*subView = subViews\[i\];
  7.     if (subView.tag == 111) \{
  9.         NSArray \*layers = subView.layer.sublayers;
  11.         CAShapeLayer \*lineItem = (CAShapeLayer\*)layers.firstObject;
  13.         lineItem.strokeStart = 1;
  15.         lineItem.strokeEnd = 1;
  17.     \}
  19. \}

}

#pragma mark - displayLink 定时器 动画

- (CADisplayLink *)displayLink{

  1. if (!\_displayLink) \{ 
  3.     \_displayLink = \[CADisplayLinkdisplayLinkWithTarget:selfselector:@selector(start)\];
  5. \}
  7. return\_displayLink;

}

- (void)start{

  1. \[selfupdateItemLevel\];

}

- (void)startAnimation{

  1. self.displayLink.frameInterval = 6;
  3. \[self.displayLinkaddToRunLoop:\[NSRunLoopcurrentRunLoop\] forMode:NSRunLoopCommonModes\];

}

- (void)stopAnimation{

  1. if (self.displayLink) \{ 
  3.     \[self.displayLink invalidate\];
  5.     self.displayLink = nil;
  9.     \[self stopLayer\];
  11. \}

}

@end

发表评论

表情：
评论列表 （有 0 条评论，307人围观）

还没有评论，来说两句吧...

相关阅读