SwiftUI ile Alignment Guides kullanımı

Merhabalar bu yazımda SwiftUI ile birlikte nesnelerin bir birleri arasındaki düzeni ayarlamak için kullanılan alignmentGuide hakkında bilgi vereceğim.

SwiftUI içerisinde nesneleri hizalamak için kullandığımız VStack, HStack ve ZStack yapıları ile birlikte içerisinde bulunan nesneleri ek farklı hizalama ve kaydırma işlemi için alignmentGuide kullanabilirsiniz.

Yukardaki resimde gördüğünüz gibi VStack içerisinde sıralanmış birden fazla nesneyi kaydırma işlemi yapabiliyorsunuz. Ancak unutulmaması gereken bir durum var oda nesnelerin kapsadığı VStack alignment ile içerisindeki alignmentGuide alignment aynı olmak zorunda.

struct ContentView: View {
    
    var body: some View {
        VStack(alignment: .leading) {
            ForEach(0..<10) { index in
                Text("Text \(index)")
                    .font(.headline)
                    .foregroundColor(.orange)
                    .alignmentGuide(.leading) { d in
                        CGFloat(index) * -5
                }
            }
        }
    }
}