在SwiftUI中创建封装样式进度

import SwiftUI

struct StyledProgressView: View {
    var progress: Float
    
    var body: some View {
        ZStack {
            // 背景
            Circle()
                .stroke(lineWidth: 10)
                .opacity(0.3)
                .foregroundColor(Color.gray)
            
            // 进度条
            Circle()
                .trim(from: 0, to: CGFloat(min(self.progress, 1.0)))
                .stroke(style: StrokeStyle(lineWidth: 10, lineCap: .round, lineJoin: .round))
                .foregroundColor(Color.blue)
                .rotationEffect(Angle(degrees: 270))
                .animation(.linear)
            
            // 进度文本
            Text(String(format: "%.0f%%", min(self.progress, 1.0) * 100))
                .font(.title)
                .bold()
        }
        .padding(40)
    }
}

struct ContentView: View {
    @State private var progress: Float = 0.6
    
    var body: some View {
        VStack {
            StyledProgressView(progress: progress)
                .frame(width: 200, height: 200)
            
            Button("增加进度") {
                withAnimation {
                    self.progress += 0.1
                }
            }
        }
    }
}