SwiftUI ile ProgressView kullanımı

Merhabalar bu yazım ile birlikte WWDC etkinliği sonrası yeniliklerle güçlenen SwiftUI 2.0 ile ilgili yazı ve örneklerime devam ediyorum.

Bu yazımda yeni olarak eklenen ProgressView kullanımını sizlerle paylaşacağım. Eylül ayında tamamen son kullanıcıyla buluşana kadar yeni versiyon örneklerimi Xcode 12.0 Beta ile yazmaktayım. Sizde örnekleri beta sürümünü yükleyerek deneyebilirsiniz.

Aşağıda kullanım örneğini inceleyebilirsiniz.

UIKit ile oluşturduğumuz UIProgressView yapısına benzer CirclerProgress oluşturmak için;

struct ContentView: View {
    var body: some View {
        VStack {
            ProgressView()
                .progressViewStyle(CircularProgressViewStyle(tint: .red))
                .scaleEffect(CGSize(width: 2, height: 2), anchor: .center)
        }
    }
}

Line yapısında bir download progress oluşturmak için;

struct ContentView: View {
    
    @State var progress: CGFloat = 0.5
    
    var body: some View {
        VStack {
            ProgressView(value: self.progress, total: 1.0, label: {
                Text("Download...")
            })
            .accentColor(.blue)
            
        }
    }
}