在SwiftUI中用波浪动画填充圆形

import SwiftUI

struct WaveShape: Shape {
    let amplitude: CGFloat
    let frequency: CGFloat
    let phase: CGFloat
    
    func path(in rect: CGRect) -> Path {
        var path = Path()
        
        let step = 1 / rect.width
        let range = stride(from: 0, to: 1 + step, by: step)
        
        path.move(to: CGPoint(x: 0, y: rect.height / 2))
        
        for x in range {
            let y = sin((x + phase) * frequency * .pi * 2) * amplitude + rect.height / 2
            path.addLine(to: CGPoint(x: x * rect.width, y: y))
        }
        
        path.addLine(to: CGPoint(x: rect.width, y: rect.height))
        path.addLine(to: CGPoint(x: 0, y: rect.height))
        path.closeSubpath()
        
        return path
    }
}

struct WaveCircleView: View {
    let waveCount: Int
    let waveAmplitude: CGFloat
    let waveFrequency: CGFloat
    
    @State private var phase: CGFloat = 0
    
    var body: some View {
        GeometryReader { geometry in
            ZStack {
                ForEach(0..<waveCount) { index in
                    WaveShape(amplitude: waveAmplitude, frequency: waveFrequency, phase: phase + CGFloat(index) * 0.2)
                        .fill(Color.blue)
                }
            }
            .onAppear {
                withAnimation(Animation.linear(duration: 2).repeatForever()) {
                    phase = 1
                }
            }
        }
        .aspectRatio(1, contentMode: .fit)
    }
}

struct ContentView: View {
    var body: some View {
        WaveCircleView(waveCount: 3, waveAmplitude: 50, waveFrequency: 1)
            .frame(width: 200, height: 200)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}