Swift Academy · Ders

Önizlemeler ve Preview Provider

Değişiklikleri Xcode'da anında görmek için #Preview ve PreviewProvider kullanın.

4. ders / 412 adım

Önizlemeler ve Preview Provider, 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

Xcode Önizlemeleri, simülatörü başlatmadan SwiftUI değişikliklerini anında görmenizi sağlar. Bunlar `#Preview` (Swift 5.9+) veya `PreviewProvider` ile tanımlanır.

#Preview Makrosu (Swift 5.9+)

```swift #Preview { ContentView() } ``` En basit önizleme tanımı; tek satırdan oluşur. Xcode bunu tuvalde oluşturur.

PreviewProvider (Eski Biçim)

```swift struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } } ```

Birden Fazla Önizleme

```swift #Preview("Dark Mode") { ContentView().preferredColorScheme(.dark) } #Preview("iPad") { ContentView().previewDevice("iPad Air (5th generation)") } ```

Örnek Veri Sağlama

```swift #Preview { let model = ViewModel() model.items = ["One","Two","Three"] return ListView(model: model) } ```

previewDisplayName

```swift struct Previews: PreviewProvider { static var previews: some View { Group { ContentView().previewDisplayName("Light") ContentView().preferredColorScheme(.dark).previewDisplayName("Dark") } } } ```

Önizlemelerde Ortam

```swift #Preview { ContentView() .environment(\.locale, .init(identifier:"tr")) .environment(\.sizeCategory, .accessibilityLarge) } ```

Önizlemelerde @EnvironmentObject

```swift #Preview { ContentView().environmentObject(AppModel()) } ```

Önizleme Performansı İpuçları

• Önizlemeler ayrı bir işlemde çalışır • Önizleme verilerini hafif tutun • Önizlemeye özel verileri `extension PreviewProvider` içine ayıklayın • Önizleme kodunda ağ çağrılarından kaçının

Canlı Önizlemeler

Canlı Önizlemeyi etkinleştirmek için önizleme tuvalindeki ▶ düğmesine tıklayın. Bu, düğme dokunuşlarının ve metin alanı girişinin gerçek zamanlı olarak çalıştığı etkileşimli bir moddur.

Hızlı Kontrol

SwiftUI önizlemesi oluşturan Swift 5.9+ makrosu hangisidir?

Özet

Temel çıkarımlar: • `#Preview { }` — Swift 5.9+ için tek satırlık önizleme • `PreviewProvider` — protokol tabanlı eski yaklaşım • Farklı adlara, aygıtlara ve renk şemalarına sahip birden çok önizleme • Önizlemelerde ortamı ve environmentObject'i enjekte edin • Canlı Önizlemeler, uygulamayı başlatmadan etkileşimli sınama yapmayı sağlar Kurs tamamlandı! Sıradaki: SwiftUI Yerleşimi.
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

Sıkça Sorulan Sorular

“Önizlemeler ve Preview Provider” dersi ücretsiz mi?

Evet — “Önizlemeler ve Preview Provider” 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.

“Önizlemeler ve Preview Provider” dersinde ne öğreneceğim?

Değişiklikleri Xcode'da anında görmek için #Preview ve PreviewProvider kullanın. 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.

“Önizlemeler ve Preview Provider” 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. View Protokolü ve Body Özelliği
  2. @State: Görünümlerde Yerel Değiştirilebilir Durum
  3. Görünüm Değiştiricileri: Zincirleme ve Özel Değiştiriciler
  4. Önizlemeler ve Preview Provider
← Swift Academy Sayfasına Dön