HSTACK ve VSTACK Kullanımı Örnekleri

HSTACK, VSTACK ve EXPAND, SwiftUI içinde yer alan layout yöntemleridir. Bu layout yöntemleri, kullanıcı arayüzü oluştururken view'leri yatay ve dikey olarak sıralamak, düzenlemek ve genişletmek için kullanılır. HSTACK, view'leri yatay olarak hizalar ve sıralar, VSTACK ise view'leri dikey olarak hizalar ve sıralar. EXPAND ise bir view'in, boş alanı doldurmak için genişlemesine izin verir.

HSTACK ve VSTACK layout yöntemleri genellikle birden fazla view'i bir araya getirmek ve düzenlemek için kullanılır. Örneğin, bir başlık metni ve bir resmi yan yana veya alt alta yerleştirmek istediğinizde HSTACK veya VSTACK kullanabilirsiniz. HSTACK ve VSTACK'ın kullanımına örnek vermek gerekirse şu şekilde bir kod oluşturulabilir:

VSTACK {
    Text("Merhaba, Dünya!")
    Image("logo")
}

Bu kod parçası, bir dikey yığın oluşturur ve içine bir metin ve bir logo resmi ekler.

EXPAND ise genellikle bir view'in, diğer view'lerin bulunduğu alana göre genişlemesini sağlamak için kullanılır. Örneğin, bir butonun bir HSTACK içinde diğer view'lere göre genişlemesini istediğinizde EXPAND kullanabilirsiniz. EXPAND kullanarak bir view'in genişlemesini sağlamak için genellikle maxWidth, maxHeight, minWidth, minHeight gibi parametreler belirtilir.

Örneğin, aşağıdaki kod parçasında bir butonun genişlemesini sağlamak için EXPAND kullanılmıştır:

HSTACK {
    Text("Hoş Geldiniz!")
    Button("Devam Et") {
        // Tıklama işlemleri
    }
    .padding()
    .background(Color.blue)
    .foregroundColor(.white)
    .cornerRadius(10)
    .expand()
}

Bu kod parçasında, button view'i diğer view'lerin yanında genişlemek için .expand() kullanılmıştır.

HSTACK, VSTACK ve EXPAND gibi layout yöntemleri, SwiftUI'da kullanıcı arayüzü tasarlarken esneklik ve kolaylık sağlar. Bu yöntemler, view'leri istenilen şekilde düzenlemek ve genişletmek için güçlü araçlar sağlar. SwiftUI'nin bu layout yöntemleri, programcılara view'leri istedikleri gibi konumlandırma ve biçimlendirme imkanı sunar. Bu da daha düzenli, okunabilir ve kullanıcı dostu arayüzler oluşturmalarını sağlar.