Swift Academy · Ders

LazyVGrid ve LazyHGrid

Q: “LazyVGrid ve LazyHGrid” dersi ücretsiz mi?

Evet — “LazyVGrid ve LazyHGrid” 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.

Q: 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 2. dersidir.

Q: “LazyVGrid ve LazyHGrid” 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.

Q: 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.

Sabit, esnek ve uyarlanabilir GridItem sütunlarıyla duyarlı ızgara yerleşimleri oluşturun.

2. ders / 412 adım

LazyVGrid ve LazyHGrid, CoddyKit'te ücretsiz bir Swift Academy dersidir. Bu, 4 dersinin 2. 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

`LazyVGrid` ve `LazyHGrid`, `GridItem` kullanarak özelleştirilebilir sütun veya satır tanımlarıyla ızgara yerleşimleri sağlar. Galeriler, kataloglar ve kart yerleşimleri için idealdir.

GridItem Türleri

• `.fixed(size)` — sabit piksel boyutu • `.flexible(min:max:)` — kullanılabilir alanı doldurur • `.adaptive(minimum:maximum:)` — sığabildiği kadar çok sütun oluşturur

Temel LazyVGrid

```swift let columns = [GridItem(.adaptive(minimum: 100))] LazyVGrid(columns: columns, spacing: 16) { ForEach(items) { item in ItemCard(item: item) } } ```

Sabit Sütunlar

```swift let cols = Array(repeating: GridItem(.fixed(120)), count: 3) LazyVGrid(columns: cols) { ForEach(0..<12) { i in Color.blue.frame(height:80) } } ```

Karışık GridItem Türleri

```swift let cols = [GridItem(.flexible(minimum:80)), GridItem(.fixed(100))] ``` Pinterest tarzı yerleşimler için türleri birleştirin.

LazyHGrid

```swift let rows = [GridItem(.fixed(60)), GridItem(.fixed(60))] ScrollView(.horizontal) { LazyHGrid(rows: rows, spacing: 8) { ForEach(tags) { tag in TagView(tag: tag) } } } ```

Hizalama ve boşluklandırma

```swift LazyVGrid(columns: columns, alignment: .leading, spacing: 12) { ... } ```

Izgarada bölüm başlıkları

```swift LazyVGrid(columns: columns, pinnedViews: .sectionHeaders) { Section(header: Text("Section 1").font(.headline)) { ForEach(items1) { ItemView($0) } } } ```

Uyarlanabilir ve sabit seçim

• `.adaptive` — fotoğraf ızgaraları ve dinamik içerik için en iyisi • `.fixed` — kesin denetim gerektiğinde • `.flexible` — bir CSS esnek kutu sütunu gibi eşit şekilde doldurur

Gecikmeli yükleme performansı

`Lazy` ön eki, yalnızca görünür hücrelerin oluşturulduğu anlamına gelir — uzun listeler için kritik bir özelliktir. Gecikmeli yükleme olmadan tüm öğeler başlangıçta oluşturulur.

Hızlı kontrol

Minimum genişliğe sığabildiği kadar sütun oluşturan `GridItem` türü hangisidir?

İnteraktif derste cevapla

Özet

Önemli noktalar: • Izgara düzenleri için `LazyVGrid(columns:)` / `LazyHGrid(rows:)` • `GridItem(.fixed)`, `.flexible()`, `.adaptive(minimum:)` • Yapışkan başlıklar için `pinnedViews: .sectionHeaders` • Gecikmeli yükleme = yalnızca görünür hücreler oluşturulur • Duyarlı ızgaralar için en kolay seçenek `.adaptive`'tir Sıradaki konu: boşluk bırakıcı, iç kenar boşluğu ve çerçeve.

Başlamak ücretsiz

Yapay zeka eğitmeniyle Swift öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar: 122
Dersler: 409

Ücretsiz öğrenmeye başla Tüm kursu görüntüle

Sıkça Sorulan Sorular