SwiftUI Academy · Ders

Ekleme ve Kaldırma Geçişleri

Görünümlerin belirmesini ve kaybolmasını canlandırın.

Ekleme ve Kaldırma Geçişleri, 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.

Views Coming and Going

When a view is added or removed, a transition describes how it animates in and out instead of just popping.

Transitions Need Animation

A transition only plays when the insertion or removal happens inside an animation, like a withAnimation toggle of a boolean.

The .transition Modifier

You attach .transition to the view that appears or disappears, choosing the style of its entrance and exit.

if show {
    Banner().transition(.opacity)
}

Fade with .opacity

The simplest transition is .opacity, which fades a view in when added and out when removed.

Slide In and Out

The .slide transition moves a view in from one edge and out the other, great for banners and rows.

.transition(.slide)

Scale to Grow

The .scale transition grows a view from small to full size on insert and shrinks it on removal.

.transition(.scale)

Move from an Edge

Use .move(edge:) to push a view in from a specific side, such as the bottom for a toast message.

.transition(.move(edge: .bottom))

Combine Transitions

Chain effects with .combined(with:) so a view can fade while it slides, giving richer motion.

.transition(.opacity.combined(with: .slide))

Asymmetric Transitions

With .asymmetric you set different insertion and removal effects, like scale in but fade out.

.transition(.asymmetric(
    insertion: .scale,
    removal: .opacity))

Trigger the Change

Wrap the boolean toggle in withAnimation so the conditional view runs its transition rather than appearing instantly.

withAnimation {
    show.toggle()
}

Transitions and Identity

SwiftUI plays a transition based on view identity: a view truly entering or leaving the hierarchy, not just changing values.

Quick Check

What is required for a transition to actually play?

Recap: Transitions

You learned that .transition styles how views enter and leave, from fades to slides to asymmetric combos, all triggered by animated changes. 🎬

Sıkça Sorulan Sorular

“Ekleme ve Kaldırma Geçişleri” dersi ücretsiz mi?

Evet — “Ekleme ve Kaldırma Geçişleri” 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.

“Ekleme ve Kaldırma Geçişleri” dersinde ne öğreneceğim?

Görünümlerin belirmesini ve kaybolmasını canlandırı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.

“Ekleme ve Kaldırma Geçişleri” 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