İçeriğe geç

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
                }
            }
        }
    }
}

 

Tarih:SwiftUI

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Copyright © 2020 Kenan Atmaca