0Pricing
Swift Academy · Ders

VStack, HStack ve ZStack Temelleri

Görünümleri aralık ve hizalamayla dikey, yatay ve derinlik yönünde istifleyin.

VStack, HStack ve ZStack Temelleri, CoddyKit'te ücretsiz bir Swift Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Swift Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Swift Academy kursu toplamda 4 dersten oluşur.

Hoş Geldiniz

`VStack`, `HStack` ve `ZStack`, SwiftUI'daki üç temel yerleşim kapsayıcısıdır. Bunları anlamak, herhangi bir arayüz oluşturmak için gereklidir.

VStack — Dikey

```swift VStack(alignment: .leading, spacing: 8) { Text("Title").font(.title) Text("Subtitle").foregroundColor(.secondary) Button("Action") {} } ```

HStack — Yatay

```swift HStack(spacing: 16) { Image(systemName: "star") Text("Favourite") Spacer() Text("4.9") } ```

ZStack — Derinlik

```swift ZStack(alignment: .bottomTrailing) { Image("background") Text("Overlay") .padding() .background(Color.black.opacity(0.5)) } ```

Hizalama Seçenekleri

VStack hizalaması: `.leading`, `.center`, `.trailing` HStack hizalaması: `.top`, `.center`, `.bottom`, `.firstTextBaseline` ZStack hizalaması: yatay+dikey birleşiminden oluşan herhangi bir `Alignment`

Aralık Parametresi

```swift VStack(spacing: 0) { // no space between views Divider() Text("A") Divider() Text("B") } ```

Yığınları İç İçe Yerleştirme

```swift VStack { HStack { Image("icon"); Text("Name") } Text("Description") } ``` Yığınlar, herhangi bir yerleşimi elde etmek için istenen derinlikte iç içe yerleştirilebilir.

Spacer

```swift HStack { Text("Left") Spacer() // pushes views to edges Text("Right") } ```

Divider

```swift VStack { Text("Above") Divider() // horizontal line Text("Below") } ```

Performans: Group ve Stack Karşılaştırması

10'dan fazla alt öğe için bunları `Group` içine sarın veya View ağacı sınırlarını aşmamak için `LazyVStack` kullanın: ```swift ScrollView { LazyVStack { ForEach(items) { Text($0.name) } } } ```

Hızlı Kontrol

View'ları derinlik ekseni boyunca (önden arkaya) hangi yığın yerleştirir?

Özet

Temel çıkarımlar: • `VStack` — dikey; `HStack` — yatay; `ZStack` — derinlik • `alignment:` ve `spacing:` parametrelerini kullanın • `Spacer()`, komşu öğeleri kenarlara iter • Karmaşık yerleşimler için yığınları iç içe yerleştirin • Büyük listeler için `LazyVStack`/`LazyHStack` kullanın Sıradaki: LazyVGrid ve LazyHGrid.

Sıkça Sorulan Sorular

“VStack, HStack ve ZStack Temelleri” dersi ücretsiz mi?

Evet — “VStack, HStack ve ZStack Temelleri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Swift Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Swift Academy kursu toplamda 4 dersten oluşur.

“VStack, HStack ve ZStack Temelleri” dersinde ne öğreneceğim?

Görünümleri aralık ve hizalamayla dikey, yatay ve derinlik yönünde istifleyin. Swift Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Swift Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Swift Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“VStack, HStack ve ZStack Temelleri” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Swift Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Swift Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. VStack, HStack ve ZStack Temelleri
  2. LazyVGrid ve LazyHGrid
  3. Spacer, Padding ve Frame Değiştiricileri
  4. Uyarlanabilir Yerleşimler için GeometryReader
← Swift Academy Sayfasına Dön