SwiftUI Academy · Ders

Canlı Önizleme Tuvali

Kullanıcı arayüzü değişikliklerini anında görmek için Xcode önizlemelerini kullanın.

Canlı Önizleme Tuvali, CoddyKit'te ücretsiz bir SwiftUI Academy dersidir. Bu, 4 dersinin 3. 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, SwiftUI Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. SwiftUI Academy kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Meet the Canvas

Beside your code, Xcode shows a canvas that renders your view live. You see your UI without ever building and launching the full app. 👀

Show or Hide It

If the canvas is missing, open the Editor menu and turn on Canvas. It appears on the right, next to your Swift code.

The #Preview Block

A small #Preview block at the bottom of the file tells the canvas what to render. The template adds one for ContentView automatically.

#Preview {
    ContentView()
}

Live Updates

Change your code and the canvas refreshes almost instantly. This live update loop is what makes SwiftUI feel fast and playful. ⚡

Try an Edit

Edit the Text view's wording and watch the canvas change as you type. Seeing results immediately makes experimenting safe and fun.

Text("Hello, SwiftUI!")

Resume the Preview

Sometimes the canvas pauses and shows a Resume button. Click it to restart the preview after a change it could not apply live.

Interactive Mode

The play-style live mode lets you tap and scroll right in the canvas. You can test buttons and gestures without a simulator.

Preview Devices

You can point a preview at a specific device, like an iPhone SE. This helps you check how your layout looks on smaller screens.

Multiple Previews

Add more than one #Preview block to compare states side by side, such as light mode next to dark mode at the same time.

Previews Are Not Shipped

Preview code is for development only. It never ships to users, so feel free to fill previews with fake sample data.

Faster Than Building

The canvas is far quicker than a full build. Use it as your main loop while designing, and reach for the simulator only for deeper testing.

Quick Check

Which block in your file tells the canvas what to render?

Recap

The canvas renders your view live via a #Preview block, updating as you type. It is your fastest way to design and iterate. 🎨

Sıkça Sorulan Sorular

“Canlı Önizleme Tuvali” dersi ücretsiz mi?

Evet — “Canlı Önizleme Tuvali” 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 SwiftUI Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. SwiftUI Academy kursu toplamda 4 dersten oluşur.

“Canlı Önizleme Tuvali” dersinde ne öğreneceğim?

Kullanıcı arayüzü değişikliklerini anında görmek için Xcode önizlemelerini kullanın. SwiftUI 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.

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

Önceden deneyim gerekmez. CoddyKit'te SwiftUI 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 3. dersidir.

“Canlı Önizleme Tuvali” 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 SwiftUI Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her SwiftUI 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

← SwiftUI Academy Sayfasına Dön