Menu
Coddy logo textTech

SF Symbols

Teil des Abschnitts Einführung in SwiftUI der Swift-Journey von Coddy. Lektion 7 von 50.

Apple liefert Tausende von Symbolen namens SF Symbols. Zeige eines mit Image(systemName:) und seinem Namen:

Image(systemName: "heart.fill")
    .font(.largeTitle)
    .foregroundStyle(.red)

Ein Symbol verhält sich wie Text: .font legt seine Größe fest und .foregroundStyle seine Farbe. Namen, die auf .fill enden, sind die ausgefüllten Versionen, wie star und star.fill.

Ein Label platziert ein Symbol und einen Titel nebeneinander:

Label("Settings", systemImage: "gear")
challenge icon

Aufgabe

Einfach

Ersetze den Text durch ein Label mit dem Titel Favorites, das das Symbol star.fill anzeigt.

Probier es selbst

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconTeste dich selbst

Diese Lektion enthält ein kurzes Quiz. Starte die Lektion, um es zu beantworten und deinen Fortschritt zu speichern.

Alle Lektionen in Einführung in SwiftUI

Übe selbstständig: Swift-Playground