SwiftUI ile Path kullanımı

Merhabalar bu yazımda SwiftUI ile birlikte çizim işlemleri gerçekleştirmek için gerekli olan Path kullanımını sizlerle paylaşacağım.

Çizim işlemleri iOS uygulama yazarken bilmemiz gereken önemli konular arasında yer alır. UIKit içerisinde kullandığımız UIBezierPath yapısına benzer olarak SwiftUI içerisinde Path kullanacağız.

Aşağıda yazdığım örneği inceleyebilirsiniz.

struct ContentView: View {
    
    var body: some View {
        VStack {
            Path { path in
                path.move(to: CGPoint(x: 200, y: 150))
                path.addLine(to: CGPoint(x: 100, y: 300))
                path.addLine(to: CGPoint(x: 300, y: 300))
                path.addLine(to: CGPoint(x: 200, y: 150))
            }
            .fill(Color.blue)
            
            Path { path in
                path.move(to: CGPoint(x: 200, y: 150))
                path.addLine(to: CGPoint(x: 300, y: 150))
                path.addLine(to: CGPoint(x: 200, y: 300))
                path.addLine(to: CGPoint(x: 100, y: 150))
                
            }
            .fill(Color.orange)
        }
    }
}