0Pricing
Swift Academy · Ders

Uyarlanabilir Yerleşimler için GeometryReader

Orantılı ve cihaza uyarlanabilir kullanıcı arayüzleri oluşturmak için üst görünüm geometrisini okuyun.

Uyarlanabilir Yerleşimler için GeometryReader, CoddyKit'te ücretsiz bir Swift Academy dersidir. Bu, 4 dersinin 4. 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

`GeometryReader`, üst görünümden kullanılabilir boyutu okur ve ekranın veya kapsayıcının boyutlarıyla orantılı düzenler oluşturmanızı sağlar.

Temel kullanım

```swift GeometryReader { geo in Text("Width: \(Int(geo.size.width))") .frame(width: geo.size.width * 0.8) } ```

GeometryProxy özellikleri

`GeometryProxy` şunları sağlar: • `size: CGSize` — kullanılabilir genişlik ve yükseklik • `safeAreaInsets: EdgeInsets` — sistemin güvenli alanı • `frame(in:)` — belirtilen koordinat alanındaki çerçeve

Orantılı boyutlandırma

```swift GeometryReader { geo in HStack(spacing: 0) { Color.blue.frame(width: geo.size.width * 0.6) Color.green } } ```

Koordinat alanları

```swift GeometryReader { outer in VStack { GeometryReader { inner in let f = inner.frame(in: .named("outer")) Text("y: \(Int(f.minY))") } } } .coordinateSpace(name: "outer") ```

Güvenli alan

```swift GeometryReader { geo in VStack { Spacer() Text("Bottom safe: \(Int(geo.safeAreaInsets.bottom))") .padding(.bottom, geo.safeAreaInsets.bottom) } } ```

Paralaks kaydırma efekti

```swift ScrollView { ForEach(items) { item in GeometryReader { geo in let offset = geo.frame(in: .global).minY Image(item.image).offset(y: offset * 0.3) } } } ```

Düzen iletişimi için tercih anahtarları

```swift struct HeightKey: PreferenceKey { static var defaultValue: CGFloat = 0 static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) { value = max(value, nextValue()) } } ``` Alt görünümlerin boyutlarını görünüm hiyerarşisinde üst düzeye iletmek için kullanın.

GeometryReader'dan ne zaman kaçınmalı

`GeometryReader` varsayılan olarak kullanılabilir alanın tamamını doldurur — dikkatsizce kullanılırsa düzenleri bozabilir. Mümkün olduğunda `.frame(maxWidth:.infinity)` ve esnek yığınları tercih edin.

Alternatif: düzen protokolü

Swift 5.7+, GeometryReader ek yükü olmadan tamamen özel düzen algoritmaları oluşturmak için `Layout` protokolünü kullanıma sundu.

Hızlı kontrol

`GeometryProxy.size` ne içerir?

Özet

Önemli noktalar: • `GeometryReader { geo in }` üst görünümün sunduğu boyutu okur • `geo.size` — genişlik/yükseklik; `geo.safeAreaInsets` — sistem iç kenar boşlukları • `frame(in:)` — adlandırılmış veya genel bir koordinat alanındaki konum • Boyutları üst düzeye iletmek için PreferenceKeys kullanın • Mümkün olduğunda GeometryReader yerine esnek düzenleri tercih edin Kurs tamamlandı! Sıradaki konu: SwiftUI veri akışı.

Sıkça Sorulan Sorular

“Uyarlanabilir Yerleşimler için GeometryReader” dersi ücretsiz mi?

Evet — “Uyarlanabilir Yerleşimler için GeometryReader” 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.

“Uyarlanabilir Yerleşimler için GeometryReader” dersinde ne öğreneceğim?

Orantılı ve cihaza uyarlanabilir kullanıcı arayüzleri oluşturmak için üst görünüm geometrisini okuyun. 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 4. dersidir.

“Uyarlanabilir Yerleşimler için GeometryReader” 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