状态栏长度

问题描述 投票:0回答:0

我有一个基于阿里的answer here制作的状态栏: 我通过将圆形修剪从 0.3 更改为 0.35 来缩短状态栏左侧的外观,这样它就不会出现在标签上方而造成干扰。我也想缩短右侧,但不明白 CGFloat(self.progress) 是什么以及如何缩短它而不导致显示正确进度的任何问题。如何缩短进度条右侧的外观?

struct ProgressBar: View {
            @Binding var progress: Float
            
            var body: some View {
                VStack{
                    Label("Address: 0x1c000", systemImage: "target")
                        .foregroundColor(Color(hex: "8f8f8f"))
                ZStack {
                    
                    Circle()
                        .trim(from: 0.35, to: 0.85)
                        .stroke(style: StrokeStyle(lineWidth: 12.0, lineCap: .round, lineJoin: .round))
                        .opacity(0.3)
                        .foregroundColor(Color.gray)
                        .rotationEffect(.degrees(54.5))
                    
                    Circle()
                        .trim(from: 0.35, to: CGFloat(self.progress))
                        .stroke(style: StrokeStyle(lineWidth: 12.0, lineCap: .round, lineJoin: .round))
                        .fill(AngularGradient(gradient: Gradient(stops: [
                            .init(color: Color.init(hex: "daff00"), location: 0.39000002),
                            //.init(color: Color.init(hex: "E59148"), location: 0.48000002),
                            .init(color: Color.init(hex: "00ff04"), location: 0.5999999),
                            //.init(color: Color.init(hex: "EEED56"), location: 0.7199998),
                            .init(color: Color.init(hex: "32E1A0"), location: 0.8099997)]), center: .center))
                        .rotationEffect(.degrees(54.5))
                    
                    VStack{
                        
                        
                        Text("824").font(Font.system(size: 44)).bold().foregroundColor(Color.init(hex: "ffffff"))
                        //Text("Please standby...").bold().foregroundColor(Color.init(hex: "FF6600"))
                        
                        Label("Please standby...", systemImage: "clock")
                            .foregroundColor(Color(hex: "FF6600"))
                        Label("Uploading memory model to controller", systemImage: "")
                            .foregroundColor(Color(hex: "8f8f8f"))
                        
                    }
                    }
                    
                }
                
            }
            
        }
        
        
        struct ProgressBarTriangle: View {
            @Binding var progress: Float
            
            
            var body: some View {
                ZStack {
                    Image("triangle").resizable().frame(width: 10, height: 10, alignment: .center)
                }
            }
        }
    }
    
    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            ContentView()
        }
    }
    
    extension Color {
        init(hex: String) {
            let hex = hex.trimmingCharacters(in: CharacterSet.alphanumerics.inverted)
            var int: UInt64 = 0
            Scanner(string: hex).scanHexInt64(&int)
            let a, r, g, b: UInt64
            switch hex.count {
            case 3: // RGB (12-bit)
                (a, r, g, b) = (255, (int >> 8) * 17, (int >> 4 & 0xF) * 17, (int & 0xF) * 17)
            case 6: // RGB (24-bit)
                (a, r, g, b) = (255, int >> 16, int >> 8 & 0xFF, int & 0xFF)
            case 8: // ARGB (32-bit)
                (a, r, g, b) = (int >> 24, int >> 16 & 0xFF, int >> 8 & 0xFF, int & 0xFF)
            default:
                (a, r, g, b) = (1, 1, 1, 0)
            }
            
            self.init(
                .sRGB,
                red: Double(r) / 255,
                green: Double(g) / 255,
                blue:  Double(b) / 255,
                opacity: Double(a) / 255
            )
        }
        
    }
    
swift swiftui statusbar
© www.soinside.com 2019 - 2024. All rights reserved.