PricingLoginStart free
SwiftUI Academy · Lekcja

Dostosowanie do trybu jasnego i ciemnego

Używaj semantycznych kolorów w obu trybach

Lekcja 4 z 413 kroki

Dostosowanie do trybu jasnego i ciemnego to bezpłatna lekcja SwiftUI Academy na CoddyKit. To lekcja 4 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej SwiftUI Academy, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Części tej lekcji nie zostały jeszcze przetłumaczone i są wyświetlane po angielsku.

Two Appearances

iOS offers Light and Dark Mode, and users switch any time. A polished app looks great in both without extra effort.

Use Semantic Colors

Reach for semantic colors like Color.primary or Color(.systemBackground). They flip automatically between appearances.

Text("Title")
    .foregroundStyle(.primary)
    .background(Color(.systemBackground))

Avoid Hardcoded Colors

A fixed Color.black background stays black in Dark Mode and can vanish into it. Semantic colors adapt; raw ones do not.

Text("Hi")
    .background(.black)

Asset Catalog Colors

Define a color in the asset catalog with separate Any and Dark values. Reference it by name and it switches for you.

Color("Brand")

Primary and Secondary

Use .secondary for less important text. It dims appropriately in each mode while staying readable.

Text("Subtitle")
    .foregroundStyle(.secondary)

Materials for Depth

System materials like .ultraThinMaterial blur the background and adapt to the mode, giving cards a native feel.

VStack { }
    .background(.ultraThinMaterial)

Detecting the Mode

Read the current appearance with @Environment(\.colorScheme) when you truly need different content per mode.

@Environment(\.colorScheme) var scheme

Branch on Scheme

With colorScheme in hand, you can choose an asset, like swapping a logo, only where a semantic color can't do the job.

Image(scheme == .dark ? "logoDark" : "logoLight")

Preview Both Modes

Add .preferredColorScheme(.dark) to a preview to check Dark Mode without leaving Xcode.

#Preview {
    ContentView()
        .preferredColorScheme(.dark)
}

Forcing a Mode

You can lock a screen with preferredColorScheme, but prefer respecting the user's system choice whenever you can.

ContentView()
    .preferredColorScheme(.dark)

Check Contrast

Verify text stays readable in both modes. Good contrast is part of accessibility, not just style.

Quick Check

Which color choice automatically adapts between Light and Dark Mode?

Odpowiedz w interaktywnej lekcji

Recap

Your app now looks right in any appearance: lean on semantic colors, asset colors, and materials, and preview both modes. 🌓

Bezpłatny start

Ucz się Swift dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
30
Lekcje
120
Zacznij naukę bezpłatnieWyświetl pełny kurs

Często zadawane pytania

Czy lekcja „Dostosowanie do trybu jasnego i ciemnego” jest bezpłatna?

Tak — pełny tekst „Dostosowanie do trybu jasnego i ciemnego” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu SwiftUI Academy, przejdź na CoddyKit PRO. Kurs SwiftUI Academy zawiera 4 lekcji w sumie.

Co nauczysz się w „Dostosowanie do trybu jasnego i ciemnego”?

Używaj semantycznych kolorów w obu trybach Ćwiczysz SwiftUI Academy z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć SwiftUI Academy?

Nie wymagamy żadnego doświadczenia. SwiftUI Academy w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 4 z 4.

Ile czasu zajmuje lekcja „Dostosowanie do trybu jasnego i ciemnego”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji SwiftUI Academy?

Tak. Każda lekcja SwiftUI Academy zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. VoiceOver i etykiety ułatwień dostępu
  2. Dynamic Type i skalowane czcionki
  3. Lokalizowanie ciągów i katalogi String
  4. Dostosowanie do trybu jasnego i ciemnego
← Powrót do SwiftUI Academy