添加音频动画

This commit is contained in:
2026-02-02 19:49:56 +08:00
parent 993ec623af
commit f1b52151be
2 changed files with 71 additions and 14 deletions

View File

@@ -14,6 +14,8 @@
@property(nonatomic, assign) float currentRMS;
@property(nonatomic, assign) float targetRMS;
@property(nonatomic, assign) BOOL isAnimating;
@property(nonatomic, assign) NSInteger debugFrameCount;
@property(nonatomic, assign) CGSize lastLayoutSize;
@end
@implementation KBAiWaveformView
@@ -49,6 +51,11 @@
- (void)layoutSubviews {
[super layoutSubviews];
if (CGSizeEqualToSize(self.lastLayoutSize, self.bounds.size) &&
self.barLayers.count == self.barCount) {
return;
}
self.lastLayoutSize = self.bounds.size;
[self setupBars];
}
@@ -73,7 +80,7 @@
barLayer.cornerRadius = self.barWidth / 2;
CGFloat x = startX + i * (self.barWidth + self.barSpacing);
CGFloat height = minHeight;
CGFloat height = maxHeight; // transform.scale.y
if (self.barHeightPattern.count > i) {
CGFloat base = [self.barHeightPattern[i] floatValue];
base = MIN(MAX(base, 0.15), 0.9);
@@ -81,7 +88,11 @@
}
CGFloat y = (maxHeight - height) / 2;
barLayer.frame = CGRectMake(x, y, self.barWidth, height);
barLayer.frame = CGRectMake(x, 0, self.barWidth, maxHeight);
barLayer.anchorPoint = CGPointMake(0.5, 0.5);
barLayer.position = CGPointMake(x + self.barWidth / 2, maxHeight / 2);
CGFloat scale = height / maxHeight;
barLayer.transform = CATransform3DMakeScale(1, scale, 1);
barLayer.backgroundColor = self.waveColor.CGColor;
[self.layer addSublayer:barLayer];
@@ -94,24 +105,42 @@
- (void)updateWithRMS:(float)rms {
self.targetRMS = MIN(MAX(rms, 0), 1);
NSLog(@"[KBAiWaveformView] updateWithRMS: %.3f, targetRMS=%.3f, barCount=%ld, size=%@",
rms, self.targetRMS, (long)self.barLayers.count, NSStringFromCGRect(self.bounds));
if (!self.displayLink) {
self.currentRMS = self.targetRMS;
[self updateBarsWithRMS:self.currentRMS];
}
}
- (void)startIdleAnimation {
if (self.isAnimating)
NSLog(@"[KBAiWaveformView] startIdleAnimation (animating=%d, bars=%ld, size=%@)",
self.isAnimating, (long)self.barLayers.count, NSStringFromCGRect(self.bounds));
if (self.isAnimating && self.displayLink) {
return;
}
self.isAnimating = YES;
self.displayLink =
[CADisplayLink displayLinkWithTarget:self
selector:@selector(updateAnimation)];
self.debugFrameCount = 0;
[self.displayLink invalidate];
self.displayLink = [CADisplayLink displayLinkWithTarget:self
selector:@selector(updateAnimation)];
if (@available(iOS 10.0, *)) {
self.displayLink.preferredFramesPerSecond = 60;
}
[self.displayLink addToRunLoop:[NSRunLoop mainRunLoop]
forMode:NSRunLoopCommonModes];
NSLog(@"[KBAiWaveformView] displayLink started");
}
- (void)stopAnimation {
NSLog(@"[KBAiWaveformView] stopAnimation (bars=%ld)", (long)self.barLayers.count);
self.isAnimating = NO;
[self.displayLink invalidate];
self.displayLink = nil;
for (CAShapeLayer *layer in self.barLayers) {
[layer removeAnimationForKey:@"kb_idle_scale"];
}
}
- (void)reset {
@@ -123,8 +152,16 @@
#pragma mark - Animation
- (void)updateAnimation {
if (!self.isAnimating) {
return;
}
self.debugFrameCount += 1;
if (self.debugFrameCount % 30 == 0) {
NSLog(@"[KBAiWaveformView] tick (target=%.3f, current=%.3f, bars=%ld)",
self.targetRMS, self.currentRMS, (long)self.barLayers.count);
}
// RMS
CGFloat smoothing = 0.3;
CGFloat smoothing = 0.65;
self.currentRMS =
self.currentRMS + (self.targetRMS - self.currentRMS) * smoothing;
@@ -144,25 +181,26 @@
//
CGFloat phase = (CGFloat)i / self.barLayers.count * M_PI * 2;
CGFloat wave = sin(time * 3 + phase) * 0.3 + 0.7; // 0.4 - 1.0
CGFloat wave = sin(time * 8 + phase) * 0.3 + 0.7; // 0.4 - 1.0
CGFloat baseFactor = 0.2;
if (self.barHeightPattern.count > i) {
baseFactor = [self.barHeightPattern[i] floatValue];
baseFactor = MIN(MAX(baseFactor, 0.15), 0.9);
}
//
CGFloat idleWave = sin(time * 10 + phase) * 0.25 + 0.85; // 0.6 - 1.1
CGFloat baseWave = MIN(MAX(baseFactor * idleWave, 0.15), 0.95);
// + RMS
CGFloat dynamicFactor = rms * (0.35 + 0.15 * wave); // 0.35~0.5
CGFloat heightFactor = MIN(1.0, baseFactor + dynamicFactor * (1.0 - baseFactor));
CGFloat dynamicFactor = rms * (0.45 + 0.20 * wave); // 0.45~0.65
CGFloat heightFactor = MIN(1.0, baseWave + dynamicFactor * (1.0 - baseWave));
CGFloat height = maxHeight * heightFactor;
height = MAX(minHeight, MIN(maxHeight, height));
//
CGFloat y = (maxHeight - height) / 2;
CGFloat scale = height / maxHeight;
[CATransaction begin];
[CATransaction setDisableActions:YES];
layer.frame = CGRectMake(layer.frame.origin.x, y, self.barWidth, height);
layer.transform = CATransform3DMakeScale(1, scale, 1);
[CATransaction commit];
}
}